06 de 12
Color
El campo, el acento y las casas, con su valor exacto y su contraste medido.
El lacre ocupa una fracción de la hoja y es lo único que se recuerda de ella. Así rinde un acento que aparece una sola vez: el campo es lo que se ve, el acento es lo que se cuenta.
Un token es una dirección, no un valor: se pinta con la variable y se publica el hex. Todo lo que sigue está pintado apuntando al token y escrito leyendo el registro, así que esta página no puede decir un color que el sistema no tenga.
De ahí sale la única manera de romperlo: escribir un valor a mano en una página. En cuanto eso pasa el sistema tiene dos fuentes, y la segunda es siempre la que se queda atrás sin que nadie lo note.
13 direcciones, cuatro campos
Las muestras
El campo papel
El interior y la superficie de lectura. Casi blanco, con grano, nunca blanco puro.
Papel
El lienzo. Casi blanco, con grano, nunca blanco puro
- Hex
- #F8F8F5
- Oklch
- oklch(0.978 0.003 95)
- Token
- --color-papel
Papel 2
Plano alzado. Separa un bloque sin cambiar de carril
- Hex
- #F4F2ED
- Oklch
- oklch(0.962 0.008 92)
- Token
- --color-papel-2
Tinta
Texto largo. No es negro: es verde muy oscuro desaturado
- Hex
- #1F2120
- Oklch
- oklch(0.246 0.004 158)
- Token
- --color-tinta
Tinta-sub
Texto secundario, pies y microcopy en versalitas
- Hex
- #636664
- Oklch
- oklch(0.508 0.006 150)
- Token
- --color-tinta-sub
Hilo
El borde tenue. Todas las divisiones del sistema
- Hex
- #DBD9D3
- Oklch
- oklch(0.885 0.008 90)
- Token
- --color-hilo
Cinco direcciones que a simple vista son el mismo color, y ésa es la prueba: el campo se sostiene con diferencias de valor de centésimas, no con contraste. Puestas de punta a punta se ve que Papel 2 se alza sin cambiar de carril.
El campo noche
La firma y el cierre. Entra una vez, al final, y no vuelve a alternar.
Noche
El campo oscuro. Cierra, nunca alterna
- Hex
- #161819
- Oklch
- oklch(0.208 0.003 220)
- Token
- --color-noche
Noche-hilo
División sobre campo oscuro — no-textual
- Hex
- #292B2C
- Oklch
- oklch(0.288 0.004 220)
- Token
- --color-noche-hilo
Dos direcciones y ninguna más: el campo oscuro no necesita escala porque no se lee largo en él. Noche-hilo existe sólo para dividir, y por eso no se mide como texto.
El acento
Invariante. Borgoña cuando el campo es claro, latón cuando es oscuro.
Borgoña
El acento. No se sustituye por el color de una casa
- Hex
- #55262D
- Oklch
- oklch(0.336 0.070 12)
- Token
- --color-borgona
Borgoña alto
Estado y realce sobre campo claro
- Hex
- #844149
- Oklch
- oklch(0.462 0.092 14)
- Token
- --color-borgona-alto
Latón
La forma del acento cuando el campo es oscuro
- Hex
- #A07E54
- Oklch
- oklch(0.616 0.072 72)
- Token
- --color-laton
Tres direcciones para un solo acento. A tamaño de lámina se ve que latón no es otro color de marca: es el mismo gesto obligado a rendir sobre un campo oscuro.
Las casas
Viven en el producto. No navegan: ni botón, ni liga, ni filete.
Casa 01
Foundation — sólo en producto y en su lámina
- Hex
- #1B392D
- Oklch
- oklch(0.318 0.043 165)
- Token
- --color-casa-01
Casa 02
Performance — sólo en producto y en su lámina
- Hex
- #814029
- Oklch
- oklch(0.449 0.096 40)
- Token
- --color-casa-02
Casa 03
Longevity — sólo en producto y en su lámina
- Hex
- #192942
- Oklch
- oklch(0.281 0.050 258)
- Token
- --color-casa-03
Los tres verdes profundos del sistema puestos uno junto a otro: ninguno pide más atención que los otros dos. Si uno destacara, esa casa sería la casa principal y el club tendría jerarquía donde no debe.
Una interrupción, un cierre
La regla del campo
Papel de punta a punta. Una interrupción en borgoña y un cierre en noche. Usar el acento una sola vez lo convierte en un acontecimiento; alternar claro y oscuro lo convierte en decoración.
Así
Un campo continuo. El borgoña sostiene el bloque del código y no vuelve a aparecer; la noche entra al final y ahí se queda. Es el recorrido de esta misma página, medido de arriba a abajo.
Así no
Alternancia. Cada bloque pelea con el anterior, ninguno pesa, y al final del recorrido el acento ya no dice nada porque se dijo cinco veces. La barra es del mismo largo: lo único que cambió es cuántas veces cede el campo.
Esto es la interrupción
El campo es el look and feel.
El acento no es un color de apoyo: es un acontecimiento, y por eso ocurre una sola vez en todo el recorrido. Éste es el único bloque de la sección en el que el campo cede, y basta para que se sienta.
Adentro no entra ni latón, ni borgoña alto, ni color de casa: el acento no se pone encima de sí mismo. La única tinta aquí es papel velado, con el piso en 0.62 — sobre este campo, 5.44:1.
Misma marca, otra luz
La regla del acento
Borgoña sobre claro, latón sobre oscuro. No son dos acentos: es el mismo acento con otra luz, y por eso la marca se reconoce igual en papel y en noche. El acento nunca tiñe el logotipo ni el símbolo.
Campo claro
Cada quien su casa.
Borgoña · #55262D · 11.60:1
Campo oscuro
Cada quien su casa.
Latón · #A07E54 · 4.76:1
La misma frase, el mismo peso, el mismo lugar en la caja. Lo único que cambia es la luz que le toca al acento — y aun así los dos se leen como la misma marca, que es exactamente lo que la regla promete.
Ni botón, ni liga, ni filete
El color de casa no navega
Ni estado activo. El color de casa vive en el producto: en la caja, en el sobre, en la fila del registro. En cuanto navega, el club se convierte en tres submarcas.
Así
- Manifiesto
- Color
- Tipografía
La marca de posición la pone el acento. Es la misma en las doce secciones.
Así no
- Manifiesto
- Color
- Tipografía
El verde de Foundation puesto a marcar posición. Contrasta bien y aun así está mal: una casa acaba de decidir de qué color es la navegación de todos.
Sólo en producto
Las casas
El número identifica, el color pertenece.
Tres casas, tres numerales. El numeral es lo que se lee en el lote, en el sobre y en la fila del registro; el color es lo que se siente al abrir la caja. Nunca al revés.
01
Foundation
#1B392D
02
Performance
#814029
03
Longevity
#192942
Las tres a tamaño de lámina y juntas: es la única manera de comprobar que ninguna pide más atención que las otras dos. Si una destacara, esa casa sería la principal y el club tendría jerarquía justo donde promete no tenerla.
22 pares medidos
El contraste medido
El contraste se mide sobre el campo donde el texto cae, no en abstracto: el mismo velo de papel rinde distinto sobre noche que sobre borgoña. Un par que no llega a AA no se publica como texto — y un filete que mide 1.33:1 no es una falla, es un filete, que es justo lo que dice la columna de uso.
| Texto | Campo | Ratio | Normal | Grande | Para qué existe el par |
|---|---|---|---|---|---|
| Tinta | Papel | 15.22:1 | AAA | AAA | Texto largo |
| Tinta | Papel 2 | 14.48:1 | AAA | AAA | Texto largo sobre plano alzado |
| Tinta-sub | Papel | 5.46:1 | AA | AAA | Texto secundario, pies, versalitas |
| Tinta-sub | Papel 2 | 5.19:1 | AA | AAA | Texto secundario sobre plano alzado |
| Tinta | Hilo | 11.47:1 | AAA | AAA | Texto sobre celda de filete |
| Hilo | Papel | 1.33:1 | falla | falla | Filete y división — no-textual, exento de 1.4.11 |
| Borgoña | Papel | 11.60:1 | AAA | AAA | Liga, acento en texto, cifra de acontecimiento |
| Borgoña | Papel 2 | 11.03:1 | AAA | AAA | Acento sobre plano alzado |
| Borgoña alto | Papel | 6.97:1 | AA | AAA | Estado y realce |
| Papel | Borgoña | 11.60:1 | AAA | AAA | Texto sobre el bloque del código |
| Papel | Noche | 16.74:1 | AAA | AAA | Texto sobre el cierre y el colofón |
| Latón | Noche | 4.76:1 | AA | AAA | El acento cuando el campo es oscuro: liga del colofón |
| Noche-hilo | Noche | 1.25:1 | falla | falla | Filete sobre campo oscuro — no-textual, exento |
| Noche | Papel | 16.74:1 | AAA | AAA | El campo oscuro visto desde el papel |
| Casa 01 | Papel | 11.82:1 | AAA | AAA | Nombre de casa sobre su lámina |
| Casa 02 | Papel | 7.31:1 | AAA | AAA | Nombre de casa sobre su lámina |
| Casa 03 | Papel | 13.73:1 | AAA | AAA | Nombre de casa sobre su lámina |
| Papel velado 0.5 | Noche | 5.01:1 | AA | AAA | Piso del velo de texto sobre el cierre y el colofón |
| Papel velado 0.6 | Noche | 6.64:1 | AA | AAA | Secundario sobre campo oscuro |
| Papel velado 0.62 | Borgoña | 5.44:1 | AA | AAA | Piso del velo de texto sobre el bloque del código |
| Papel velado 0.72 | Borgoña | 6.77:1 | AA | AAA | Rótulo y numeral sobre el bloque del código |
| Papel velado 0.74 | Noche | 9.55:1 | AAA | AAA | Primer plano de texto sobre campo oscuro |
El contraste, medido
Se mide donde el texto cae.
Los velos se miden compuestos sobre su campo, y el número se publica por lo bajo: un veredicto conservador nunca aprueba un par que en pantalla falla.
Latón sobre noche · #A07E54 · 4.76:1
Éste es el único cierre de la sección. Después de él no hay otro cambio de campo: la página termina donde termina el libro.