Herencia de estilo
Cómo un sitio termina viéndose como se ve: cinco niveles, cada uno hereda del de arriba y solo puede tocar lo que su nivel permite. Abajo, las siete marcas de v9 con la MISMA fila de componentes: lo único que cambia entre ellas es el acento, y eso es exactamente la idea.
La escalera
- 1 · KIT · v9/base: tokens, chrome, componentes. Todos lo cargan, nadie lo toca.
- 2 · SOCIEDAD · brands/<sociedad>/tokens.css: acento y lockup. Las tres SpA.
- 3 · MARCA · hoja propia sobre el kit: acento, titular, densidad. NUNCA papel, tinta ni clases gr-*.
- 4 · PRODUCTO · ninguna hoja propia: hereda la de su marca. Si «necesita» CSS, es una marca sin reclasificar.
- 5 · SIN PERSONALIDAD · kit puro: auxiliares, servicios internos, infraestructura.
Cómo se hereda en la práctica
Un sitio carga las hojas base del kit y DESPUÉS la de su
marca. La de marca solo redefine variables (--accent y derivadas): como todo
el kit pinta con var(), el mismo botón sale navy en CIS y azul en cochid sin
tocar una línea de componente. Eso es toda la magia: herencia por cascada de
tokens, no por duplicar CSS.
Las siete marcas de v9, mismo componente, distinto acento
CIS brands/cis/tokens.css · #1e3a5f
un enlace
badge de marca
CDS brands/cds/tokens.css · #1a1a2e
un enlace
badge de marca
cochid brands/cochid/tokens.css · #1d4ed8
un enlace
badge de marca
usaia brands/usaia/tokens.css · #6d28d9
un enlace
badge de marca
situación brands/situacion/tokens.css · #b45309
un enlace
badge de marca
indieweb brands/indieweb/tokens.css · #be185d
un enlace
badge de marca
Periodismo2 brands/periodismo2/tokens.css · #b91c1c
un enlace
badge de marca
Hallazgo a decidir: el acento CDS en v9 es azul-noche
#1a1a2e, pero el canon documental (HOUSE-STYLE, logos y papel del archivo)
usa granate #7a1f2b. Uno de los dos manda; hoy conviven.
La red de CDNs y quién hereda de quién
| host | rol | estado hoy |
|---|---|---|
| kit.innovacionsantiago.cl | la fuente: kit v9 por hash + este hub | vivo |
| style.innovacionsantiago.cl | guía narrativa + observatorio · mismos activos | vivo |
| style.cochid.cl | capa de marca cochid · debe heredar del kit | sirve v6 · migrar |
| style.circulodesantiago.cl | capa de marca CDS | 404 en raíz · decidir |
| style.illanes00.cl | CDN personal, FUERA del grupo | docs.cochid.cl aún le cuelga (v5) |
Escalera: ESTRUCTURA.md §4 · acentos leídos de brands/*/tokens.css del digest f417275c · la regla «un producto nunca lleva hoja propia» es H02 en Reglas.