01 Fundamentos · 03
Color
Contención en todas partes, un acento deliberado. Neutros cálidos — nunca gris frío.
Paleta primaria
Secundaria — la familia Lienzo
Combinaciones aprobadas
Son las únicas:
- Base Lienzo → superficies en Bugambilia, Núcleo, Lienzo Digital, Lienzo Mate.
- Base Núcleo → superficies en Bugambilia, Lienzo. Esto hace canónico al modo oscuro.
- Base Bugambilia → superficies solo en Lienzo.
Uso de Bugambilia
Acciones primarias, el punto de la marca, anillos de foco, el campo del hero. Su poder viene de la escasez — un acento por composición.
Como texto pequeño se usa la tinta de contraste seguro: #C7008C en claro, #FF47C5 en oscuro. Los rellenos se quedan puros en #FF00B4 con tipografía blanca.
La escalera de la interfaz — fondo → tile → pozo
Los tres tonos cálidos se vuelven tres niveles anidados. Cada pantalla los apila en este orden — nunca blanco sobre blanco, nunca gris frío.
| Nivel | Claro | Oscuro | Dónde vive |
|---|---|---|---|
| Fondo | #DFD9DB |
#141015 |
la hoja más profunda, detrás de todo |
| Tile | #FFFFFF |
#241D26 |
tarjetas y todo contenedor con muesca |
| Pozo | #EFE9EB |
#1F1920 |
áreas hundidas dentro de tiles: inputs, pistas |
Dos niveles adyacentes nunca comparten tono. Un pozo nunca se asienta directo sobre el fondo. Subir desde un tile — modales, menús — usa la superficie elevada, un paso más clara en modo oscuro.
Modo oscuro — la rampa nocturna
No es una inversión: una rampa cálida de ciruela y carbón, un paso de tono más clara por nivel. Los rellenos Bugambilia se quedan puros en ambos modos. Su uso primario es a nivel componente — un riel oscuro o una barra dentro de una página clara — y el modo oscuro de sitio completo se construye con los mismos tokens.
Paleta complementaria
Solo datos y codificación de módulos — nunca estatus genérico, nunca cromo del sitio.
El orden de las series es fijo: Bugambilia, Azul, Naranja, Verde, Amarillo, Mate. Mate es el neutro — “otros”, el resto. ¿Más de cinco categorías? Agrupa la cola en Mate en lugar de sumar matices.