01
Hipótesis
Antes, el diseño de l0z4n0 vivía en brandbooks. Documentos bonitos, pero estáticos. Cada página nueva exigía interpretación humana de las reglas: colores "parecidos" a la paleta, espaciados "más o menos" alineados. El resultado era desvío visual progresivo.
La hipótesis: un design system de tokens semánticos (DTCG 2025.10) con exports automáticos elimina la interpretación y produce consistencia mecánica.
02
Método
DS Forge: 3 oleadas de producción en unas 4 h.
- Fundación: 171 tokens semánticos, cada uno con intención, engine, valores OKLCH, contraste WCAG y derivación.
- Composición: 253 tokens de componentes, 14 componentes, 8 reglas de veto por módulo.
- Lenguaje de marca: voz, historia, estilo de imagen y qué hacer y qué no. 46 reglas en 9 dominios.
4 exports generados automáticamente: CSS (693 líneas), tema Tailwind (232), JSON DTCG (946) y preset shadcn (112).
03
Resultado
Cobertura del 48% al 83% (18 de 23 módulos) en una sesión. 648 tokens en total. 75 reglas de veto.
Prueba de consistencia: las plantillas sociales hechas después usaron los tokens directamente, sin consultar brandbooks. Cero desvío de color. Cero desvío tipográfico. Actualizar un token de color se propaga a componentes, composiciones y exports.
04
Qué cambió
Los brandbooks dejaron de ser la fuente de verdad y pasaron a ser documentación de referencia. Los tokens son la verdad. DS Forge se volvió una skill reproducible: cualquier marca nueva pasa por el mismo pipeline de 3 oleadas. Este portal usa esos tokens.