Online
Dos morados, un acento
El oscuro es la casa.
Color
Dos morados, un acento que cambia según el modo, y cuatro colores de etapa.
Directrices · Color
Dos morados, un acento
y cuatro colores de etapa.
El acento no es un color fijo: es un rol. En modo oscuro lo ocupa el lima; en modo claro, el morado vívido. Nunca hay dos acentos compitiendo en la misma pieza.
Base
Morado Profundo
#1F033A
Marca · acento en claro
Morado Vívido
#830AD1
Acento en oscuro
Lima
#D8DF21
Papel
Lino
#F5F3F8
Conocer#D8DF21
Decidir#2FCAD7
Crecer#65E5B1
Apoyo#CF9BF5
Tinta#303030
Regla del acento
El lima brilla sobre oscuro y muere sobre claro. En modo claro el rol de acento lo toma #830AD1. Sobre fondo claro, el lima solo aparece como detalle gráfico —un punto, una línea— jamás como texto.
Proporción 70 / 20 / 10
El acento subraya una palabra por titular y una acción por pantalla. Si todo resalta, nada resalta.
Directrices · Modo oscuro y claro
El oscuro es la casa.
El claro es la visita.
El modo oscuro es el estado por defecto de la marca. El claro existe para lectura larga, impresión y accesibilidad: no es otra identidad, es la misma con los tokens intercambiados. Pulsa el botón de abajo a la derecha y verás esta misma página cambiar.
Oscuro · por defecto
fondo #1F033A · texto #FFFFFF
acento #D8DF21 · logo blanco
acento #D8DF21 · logo blanco
Claro · lectura e impresión
fondo #F5F3F8 · tarjeta #FFFFFF
acento #830AD1 · logo morado
acento #830AD1 · logo morado
El logo cambia solo
Blanco en oscuro, morado en claro. Nunca el mismo archivo para los dos.
Las piezas con foto se quedan oscuras
Cierres de página y bloques sobre fotografía mantienen el morado en los dos modos. Ahí el lima sigue vigente.
Contraste mínimo
4.5:1 en texto corrido, 3:1 en titulares. Los colores de etapa se oscurecen en modo claro para cumplirlo.