Sistema de Cores
Paleta completa com tokens primitivos e semânticos da identidade visual.
Paleta da Marca
Tokens Semânticos
Tipografia
Escala tipográfica com fontes, pesos e especimens de texto da marca.
Espaçamento & Formas
Escala de espaçamento, border radius e sombras do sistema.
Componentes
Biblioteca de componentes com a identidade visual da marca.
Motion System
Durações, curvas de animação e princípios de movimento do design system.
Durações
Fast — 100ms
Normal — 200ms
Slow — 300ms
Slower — 500ms
Easings (hover para animar)
Default — cubic-bezier(0.4,0,0.2,1)
Ease Out — cubic-bezier(0,0,0.2,1)
Ease In — cubic-bezier(0.4,0,1,1)
Spring — cubic-bezier(0.34,1.56,0.64,1)
Tokens CSS
Custom properties CSS completas para importar no seu projeto.
/* Carregando tokens... */