Botella como suelo, lila como contrapunto
El verde botella sigue siendo el fondo por defecto y el color propio. La regla de lectura es fondo verde, texto morado: sobre botella el acento es lila. La lima es luz (degradados, duotonos) y solo se vuelve acento sobre ciruela. El ámbar se queda dentro de degradados. No existe negro puro ni blanco puro.
Base oscura (60)
- Verde botella
- Rol
- Fondo por defecto de sitio, plantillas y documentos. El color propio
- Botella hundido
- Rol
- Tarjetas sobre botella, bordes, nav en scroll
- Tinta verde
- Rol
- Fondo más profundo: pie, velo. Texto sobre superficies claras
- Ciruela
- Rol
- Segundo oscuro. Fondo del modo ciruela: una sección por pieza, siempre con lila
- Ciruela hundido
- Rol
- Tarjetas y bordes en modo ciruela
- Tierra
- Rol
- Tercer oscuro, oliva-café. Portadas y bloques; con lila o con hueso
Luz (30)
- Hueso
- Rol
- Texto y logotipo sobre oscuro. Como fondo, solo en acentos
- Hueso apagado
- Rol
- Texto secundario sobre botella y tierra
- Lila pastel
- Rol
- Texto secundario en modo ciruela; base clara de duotono
- Lima diluida
- Rol
- Cierre del degradado alba. Solo superficie
Acento (10)
- Lima
- Rol
- La luz. Degradados, duotono Sombra, Eco. Como texto y botón, solo en modo ciruela
- Lila
- Rol
- El acento de lectura sobre botella: keyword, eyebrow, enlace, botón primario y secundario. Luz de los duotonos lila
- Oliva
- Rol
- Puente entre botella y lima. Solo superficie: bloques y duotono oliva
- Ámbar
- Rol
- El calor. Vive solo en los degradados calor y marea. Ya no se usa plano
- Musgo
- Rol
- Transición en degradados. Keyword de color en modo claro
- Error (funcional)
- Rol
- Solo estados de formulario. No es color de marca
La regla: fondo verde, texto morado
Texto secundario cuando el hueso apagado se siente frío
Cuerpo de texto. El morado es acento, no lectura larga
Portadas y bloques
Cuerpo en modo ciruela
Aviso destacado
Botón primario y bloques lila
Los cuatro duetos
| Dueto | Oscuro + luz | Dónde | Dónde no |
|---|---|---|---|
| D1 Base | Botella + lila | Default de lectura: texto de acento, botones, bloques, duotono contrapunto | Nada: es la base |
| D2 Firma | Botella + lima | La superficie Sombra, los degradados de luz, Eco lima | Texto: la lima no se lee sobre botella en cuerpo |
| D3 Modo ciruela | Ciruela + lima (lila pastel como secundario) | Una sección por pieza: story, cierre, portada de propuesta. Se activa con data-mode="ciruela" | Páginas de caso; dos secciones ciruela en la misma pieza |
| D4 Portada | Tierra + lila (o hueso) | Portadas de documento, bloques planos, Eco tierra | Web a pantalla completa; junto a ciruela |
Tres modos por atributo
Una marca para quien no cabe en moldes
Ciruela, hueso, lima. Texto secundario en lila pastel.
Cuéntame tu proyecto
Lima sobre hueso: 1.5 de contraste.
Cuéntame tu proyecto
Lila sobre botella: 4.6. El morado lee sobre el verde.
Degradados, texturas, duotonos y bloques
Once degradados, siete texturas y quince superficies con nombre. Dos técnicas nuevas: el duotono (un oscuro y su color de luz, como los estudios de sombra de tus referencias) y los bloques planos (dos o cuatro colores de un dueto, sin degradado ni textura). La firma sigue siendo "Sombra", ahora como duotono botella + lima.
Degradados
Lava
Lima, ámbar y musgo sobre botella. Animada en escritorio; fija en móvil.
Lava lila
Lima, lila y ciruela sobre botella. La versión contrapunto del caos.
Foco lima
Una luz que entra por la esquina y se apaga hacia la tinta.
Foco lila
La misma luz en lila sobre ciruela. Base del modo ciruela con foto.
Crepúsculo
Botella a ciruela en diagonal. El puente entre los dos oscuros.
Bruma
Tres luces difusas sin centro. Fondos largos en escritorio.
Marea
Bandas horizontales botella, ámbar, musgo, tinta.
Banda
Botella a tinta, vertical. Pies y cierres largos.
Velo
Transparente a tinta al 82 %. Encima de toda foto con texto.
Alba
Hueso a lima diluida. El único degradado claro.
Texturas
Sombra de hojas
Luz filtrada. Alfa pura: solo oscurece.
Papel arrugado oscuro
Pliegues iluminados en hueso con alfa, sobre botella.
Algodón
Papel de fibra, sin pliegues. Para tierra y ciruela: la superficie de la referencia "Rude Olive".
Grano fino
Película de 35 mm. Va en todo fondo de marca.
Grano grueso
Película empujada. Solo sobre degradados con ámbar.
Papel arrugado claro
Para superficies de acento claro.
Duotonos
Sombra
Sombra lila
Sombra tierra
Sombra contrapunto
Sombra clara
Eco: el logotipo como superficie
Eco
Eco ciruela
Eco tierra
Bloques planos
Las quince superficies, en orden de preferencia
Sombra
Caos controlado
Calor
Sombra lila
Eco
Caos lila
Crepúsculo
Tierra
Hero
Base
Papel
Marea
Pie
Acento claro
Bruma
| Superficie | Dónde | Dónde no |
|---|---|---|
| S1 Sombra (firma) | El momento clave: cabecera del home, cierre de propuesta, story de lanzamiento | Dos veces en la misma pieza; sobre fotos |
| S2 Caos controlado | "Cómo trabajo", transiciones, loading | Detrás de texto largo; junto a S1 |
| S3 Calor | CTA final, cierre, una story | Junto a S12 (dos ámbares) |
| S4 Sombra lila | La sección ciruela de la pieza: cita, contacto, story de cierre | Junto a S1 en la misma vista; páginas de caso |
| S5 Eco | Portada de propuesta, primer story de una serie, pantalla de carga | Con texto largo encima; más de una vez por pieza |
| S6 Caos lila | Alternativa a S2 cuando la pieza ya usó ámbar | Junto a S2 |
| S7 Crepúsculo | La transición entre una sección botella y una ciruela | Como fondo de sección completa |
| S8 Tierra | Portadas de documento, bloques de índice, fichas técnicas | Web a pantalla completa; junto a ciruela |
| S9 Hero | Primeras pantallas sin foto | Más de una vez por pieza |
| S10 Base | Todo lo demás | Nada: es el default |
| S11 Papel | Proceso, propuestas en oscuro | Sobre fotos |
| S12 Marea | Portadas, stories sin foto | Con texto encima a pantalla completa; junto a S3 |
| S13 Pie | Footer, última página | Arriba del fold |
| S14 Acento claro | Cotizaciones, fichas, un aviso | Como fondo general |
| S15 Bruma | Fondos largos en escritorio donde la lava cansaría | Móvil (se usa S10) |
Caos lila + Calor
Lila y ámbar en la misma vista: dos acentos, ningún contrapunto.
Arriba
Base abajo
La firma y luego silencio. La jerarquía se lee.
Plantillas base a escala
Post, story, banner, documento, firma de email y WhatsApp: las plantillas base de la marca con el nuevo color aplicado. Las fotos van marcadas como pendientes; cuando no hay foto, el fondo es la superficie que corresponde.
Una marca para quien no cabe en moldes
RVTTA · Marca + fashion film · [ASSET: foto]
Aterrizo ideas. Del concepto a la producción.
Story en modo ciruela: duotono lila, sin foto
Aterrizo ideas. Del concepto a la producción.
[ASSET: foto de set] · velo · grano 16 %
Dos caminos para tu marca
Ficha técnica en la primera pantalla de toda hoja que sale: código, tipo, cliente, fecha, versión y vigencia, todos verdaderos. Sin código y versión no se envía.