01
Hipótese
Antes, o design do l0z4n0 vivia em brandbooks. Documentos bonitos, mas estáticos. Cada página nova exigia interpretação humana das regras: cores "parecidas" com a paleta, espaçamentos "mais ou menos" alinhados. O resultado era desvio visual progressivo.
A hipótese: um design system de tokens semânticos (DTCG 2025.10) com exports automáticos elimina a interpretação e produz consistência mecânica.
02
Método
DS Forge: 3 ondas de produção em cerca de 4h.
- Fundação: 171 tokens semânticos, cada um com intenção, engine, valores OKLCH, contraste WCAG e derivação.
- Composição: 253 tokens de componentes, 14 componentes, 8 regras de veto por módulo.
- Linguagem de marca: voz, história, estilo de imagem e o que fazer e não fazer. 46 regras em 9 domínios.
4 exports gerados automaticamente: CSS (693 linhas), tema Tailwind (232), JSON DTCG (946) e preset shadcn (112).
03
Resultado
Cobertura de 48% para 83% (18 de 23 módulos) em uma sessão. 648 tokens no total. 75 regras de veto.
Teste de consistência: os templates sociais feitos depois usaram os tokens direto, sem consultar brandbooks. Zero desvio de cor. Zero desvio tipográfico. Atualizar um token de cor propaga para componentes, composições e exports.
04
O que mudou
Brandbooks deixaram de ser a fonte da verdade e viraram documentação de referência. Os tokens são a verdade. O DS Forge virou uma skill reproduzível: qualquer marca nova passa pelo mesmo pipeline de 3 ondas. Este portal usa esses tokens.