# Monte um mini design system

Pare de escolher cor, raio e espaçamento a cada componente.

Resultado: Tokens básicos e um conjunto mínimo de primitives reutilizáveis.
Tempo estimado: 40 min

## Antes de começar
- Acesso a um navegador
- Um documento para registrar decisões

## 1. Crie tokens semânticos
Use nomes por função: surface, text, border, accent.

## 2. Defina escala de spacing
Poucos intervalos cobrem quase toda interface.

## 3. Padronize controles
Button, input, badge, card e feedback.

## 4. Documente estados
Hover, focus, disabled, loading e error.

## 5. Crie uma página de QA
Mostre todos os componentes juntos para detectar inconsistências.

## Checklist
- [ ] Crie tokens semânticos
- [ ] Defina escala de spacing
- [ ] Padronize controles
- [ ] Documente estados
- [ ] Crie uma página de QA

## 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

Fonte: https://thefortunato.com.br/tasks/mini-design-system/