Pular para o conteúdo

Design (UI/UX)

Aplica-se quando a ADR entrega interface.

  • Tailwind CSS + shadcn/ui como base visual única. Componentes consistentes em todo projeto.
  • 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.

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

Criado por Joseph Trupel