EstávelAtualizado hoje
Design Tokens
Tokens são os valores atômicos do sistema — a única fonte de verdade de cor, tipografia, espaçamento, forma e movimento.
Três camadas
- Primitivo — valor cru (
--c-primary-500) - Semântico — intenção (
--color-primary) - Componente — aplicado via Tailwind
Componentes consomem semânticos, nunca hexadecimais soltos.
Export
Rode npm run tokens:export para gerar os formatos W3C DTCG e Figma Tokens Studio.