No pasteles por pilar
Ni coral, ni salvia, ni purple AI. Un solo acento de marca: Roble.
OQO · Permanencia Biblioteca 03 · Color
La dieta. Sin inventar.
Cream héroe · Roble generoso · Azul en dieta.
Paleta oficial
Seis tonos. Cien por ciento.
Los % suman la dieta de marca. Origen es el papel. Roble es la acción. Resalte entra al 4% como señal técnica — el mismo azul del home (Operar, IA, Hoy). Blanco no entra al %: es texto de CTA y papel de gráfico.
40%
28%
16%
8%
4%
4%
- OrigenCanvas
Canvas principal claro de toda la marca. RGB 250 246 238.
- Base OQOInk / bandas
Texto, chrome oscuro, logo negativo, bandas ink y tech.
- RobleCTA / acento
CTAs, kickers de relato, links — presencia generosa, no un chip.
- VetaSuperficie
Bandas secundarias con tinte madera. No sustituye a Roble.
- ResalteSeñal tech
Señal técnica en dieta. Alias --tinta-sig sobre ink. Home: Operar, IA, Hoy. En info: el foco del dato.
- PiedraBorde / meta
Líneas, captiones, disabled. Nunca como CTA.
Fuera de dieta
Un token funcional.
El blanco no es marca: es el texto del CTA y el papel del gráfico. El azul ya está arriba, en el 4%.
- BlancoCTA + panel info
Texto del CTA. Superficie de diagrama, chart o matriz — nunca canvas de página. No entra al %.
Gamas usables
Derivados con regla.
Calculados como color-mix en tokens. No inventar un sexto color de campaña.
Roble sobre Origen
Roble 8%Hover / wash
Roble 16%Bandas suaves
Roble 24%Paneles apoyo
Roble 40%Énfasis seco
Roble hacia Base
Shade 15%Hover CTA
Shade 30%Pressed
Shade 50%Ink cálido
Roble 100%CTA canónico
Ink sobre Origen
Ink 8%Línea suave
Ink 14%Bordes de panel
Ink 42%Meta
Ink 68%Secundario
Ink 85%Cuerpo denso
Superficies Veta
Solo apoyo. Nunca CTA ni fill del logo.
Veta 35%Wash madera
Veta 55%Banda suave
Veta 75%Panel apoyo
Veta 100%Banda canónica
Piedra softBorde cálido
Resalte
El dedo que señala.
Un solo azul aprobado, alias --tinta-sig sobre ink. En el sitio es señal tech (Operar, IA, Hoy). En un módulo de información es el nodo o la serie que importa. Nunca el acento de la pieza ni el CTA.
Resalte 12%Wash / zebra en panel
Resalte 24%Nodo o celda de apoyo
Resalte 100%Foco del dato
Shade 15%Hover / label small
Módulo de información
Origen afuera. Blanco adentro.
Si hay diagrama, chart o tabla densa: un recuadro --blanco con borde ink-14. El Resalte marca un solo foco. El kicker de la página sigue en Roble.
Diagrama · un foco
01 Diagnóstico
02 Enfoque
03 Alcance
Tabla densa · zebra fría
| Fase | Rol | Señal |
|---|---|---|
| Contexto | Relato v1 | Origen |
| Enfoque | Dato que importa | Resalte |
| Inversión | Cierre de marca | Roble |
Contraste AA
Legible o no se usa.
| Par | Ratio | Uso | AA |
|---|---|---|---|
| Base sobre Origen | 16.36:1 | Cuerpo y titulares | Pasa AAA |
| Origen sobre Base | 16.36:1 | Texto en bandas ink | Pasa AAA |
| Blanco sobre Roble | 3.68:1 | CTA ≥18px semibold | AA large |
| Base sobre Roble | 4.79:1 | Botón denso | Pasa AA |
| Roble sobre Origen (texto fino) | 3.42:1 | Solo links / ≥18px | No AA small |
| Piedra sobre Origen | ~1.6:1 | Solo bordes | No texto |
| Resalte sobre Base | ~5.2:1 | Meta / kicker sobre ink | AA ≥11px |
| Resalte sobre Origen | ~2.8:1 | Solo línea / nodo — no body | No texto small |
Prohibiciones
Usos que rompen el sistema
No teñir el logo
Nunca Roble, Resalte, degradé ni filtros sobre el signo.
Resalte no es CTA
#5C93C9 señala el dato o el foco tech. Nunca botón, nav activo ni kicker de relato.
Blanco no es página
#fff solo en el CTA y dentro de un módulo de información. El canvas sigue siendo Origen.
Dieta de marca
40 / 28 / 16 / 8 / 4 / 4. Resalte entra al %. Blanco no: es papel de gráfico y texto de CTA.