Niemeyer
O design system da Morada.ai — tokens, componentes, templates e guidelines para construir interfaces consistentes.
Tokens
Cores, tipografia, espaçamento, radius e sombras.
Componentes
Button, Input, Card, Badge, Dialog, Table e mais.
Templates
Padrões de página para tabelas, dashboards e formulários.
Blocks
Composições prontas: sidebar, top nav, app shell, stats e mais.
Guidelines
Regras para AI Builders, acessibilidade e dark mode.
Princípios
Código como fonte da verdade
O design system vive no código. Figma espelha, não lidera.
Consistência sobre criatividade
Cada página deve parecer parte do mesmo produto.
Acessibilidade por padrão
Contraste WCAG AA, labels semânticos, keyboard navigation.
AI-friendly
Estruturado para AI Builders gerarem código correto na primeira tentativa.