Seis
voces,
un acento.
Lo que leés acá no es “ejemplo aparte”: está compuesto con los mismos tokens semánticos que las slides y el blog. Si la jerarquía se entiende en esta página, el sistema está haciendo su trabajo.
Código
sabroso,
che.
El mapa vive en design-system/tokens/type-style.semantic.json. Cada titular y bajada de esta página apunta a un type-style por nombre — nada se redefine acá a mano.
Dos capas,
una dirección.
Abajo los primitivos (tamaños, stacks, pesos). Arriba las recetas: cada superficie elige familias permitidas y roles de color juntos. La UI nunca pide “Chaney” a gritos — pide font.family.display.
Primitives
Los valores sin significado: hex, px, stacks de fuente, weight steps. Son el inventario, no la combinación. Las superficies nunca los tocan directo.
--chimi-primitives-color-patagonia-base
--chimi-primitives-size-font-4xl
--chimi-primitives-font-family-chaney Recipes
Siete recetas cerradas (canvas-quiet, canvas-signal, paper/cool, energy-loud, cool-fresh, critical). Cada una empaqueta cinco roles de color + una whitelist de familias permitidas.
--recipe-surface · --recipe-ink
--recipe-em · --recipe-accent
--recipe-warn + type whitelist Seis familias,
seis trabajos.
Cinco familias con oficio claro. Las invocás por rol, no por nombre de archivo — así podés cambiar una fuente sin reventar layouts.
BIEN HECHO
cebamos el código.
es como un asado sin sal.”
· canvas-quiet