Design (UI/UX)

Aplica-se quando a ADR entrega interface.

Práticas

• Tailwind CSS + shadcn/ui como base visual única. Componentes consistentes em todo projeto.
• Tokens antes das telas: cor, tipografia, espaçamento, raio e sombra saem dos design tokens, nunca de valor escrito na UI — ver Design System e tokens.
• Referências visuais (prints, protótipos) entram como recursos da ADR (002-resources.md).
• Atomic Design é recomendado para organizar componentes (Atoms → Molecules → Organisms), sem ser obrigatório.
• Estados de tela tratados sempre: vazio, carregando e erro.

Resultado esperado

Telas limpas, consistentes com o restante do sistema, com os estados de borda cobertos.