Pruma IA — Design System
Referência visual para desenvolvimento. Todo componente novo parte daqui.
Dev onlyNão acessível em produção. Ver
design-system/MASTER.md para spec completa.Tokens Rápidos
primary
#0D1B4B
accent
#00AEEF
secondary
#E0F6FE
destructive
vermelho semântico
Cores
Paleta de marca, tokens semânticos, light/dark mode
Tipografia
Escala de tipo, pesos, line-height, Barlow + Inter
Botões
Variantes, tamanhos, estados (hover, focus, loading, disabled)
Badges & Status
Status de aprovação, assinatura, tags de fluxo
Inputs & Forms
Campos, selects, labels, helper text, erros inline
Cards
Card padrão, card com ação, card de métrica, card de item
Tabelas
Tabela padrão, com ações, com sorting, responsiva
Modais & Dialogs
Modal padrão, confirmação destrutiva, sheet lateral
Empty States
Sem dados, sem resultados, sem permissão, erro
Loading States
Skeleton, spinner, progress, shimmer
Navegação
Sidebar, tabs, breadcrumb, page header
CRUD Pattern
List page, form page, detail page — padrão completo