Oficio
En paper, Roble habla.
Kicker de relato y CTA. El azul no entra aquí salvo un foco de gráfico.
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 8% como acento tech: en ink pinta kickers y meta; en paper señala el dato. Blanco no entra al %: es texto de CTA y papel de gráfico.
40%
28%
16%
4%
8%
4%
- OrigenCanvas
Canvas principal claro de toda la marca. RGB 250 246 238.
- Base OQOInk / bandas
Ink mineral, hacia piedra. Texto, chrome, logo negativo, bandas ink y tech.
- RobleCTA / acento
CTAs, kickers de relato en paper, links de acción. Nunca el acento de ink.
- VetaSuperficie
Bandas secundarias con tinte madera. Superficie, no acento.
- ResalteSeñal tech
Acento tech del sistema. En ink: kickers, meta, dato. En paper: foco del gráfico. Nunca CTA ni nav activo.
- 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 8%.
- 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
La señal tech del sistema.
Un solo azul aprobado, alias --tinta-sig. En ink es el acento: este kicker ya habla en Resalte. En paper el kicker sigue en Roble. El CTA nunca cambia de color.
Resalte 12%Wash / zebra en panel
Resalte 24%Nodo o celda de apoyo
Resalte 100%Kicker / meta en ink
Shade 15%Hover / label small
Máquina
En ink, Resalte señala.
Kicker, meta y dato. El botón sigue en Roble.
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 dentro del diagrama. El kicker de una página paper 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 pasteles por pilar
Ni coral, ni salvia, ni purple AI. Dos acentos: Roble en acción, Resalte en tech.
No teñir el logo
Nunca Roble, Resalte, degradé ni filtros sobre el signo.
Resalte no es CTA
#5C93C9 es el acento ink/tech. Nunca botón, nav activo ni kicker de relato en paper.
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 / 4 / 8 / 4. Resalte al 8% — acento tech. Blanco no entra al %.