Antes de começar
- Acesso a um navegador
- Um documento para registrar decisões
01
Crie tokens semânticos
Use nomes por função: surface, text, border, accent.
02
Defina escala de spacing
Poucos intervalos cobrem quase toda interface.
03
Padronize controles
Button, input, badge, card e feedback.
04
Documente estados
Hover, focus, disabled, loading e error.
05
Crie uma página de QA
Mostre todos os componentes juntos para detectar inconsistências.
Checklist final
0 de 5 · 0% concluído
Progresso salvo só neste navegador. Você pode desmarcar os itens para recomeçar.
Erros comuns
- Começar pela ferramenta antes de definir o objetivo
- Aceitar a primeira saída sem revisar
- Tentar resolver tudo em uma única etapa