Design System GOVBR — Guia visual e operacional
Guia visual, técnico e operacional fiel ao Padrão Digital de Governo (gov.br).
Tokens, componentes React + Tailwind e patterns prontos para prototipação em IA e para o Figma.
Sistema de padrões para as aplicações do governo federal no FNDE
Este Design System estabelece padrões de UI e implementação para os produtos digitais gov.br. Desenvolvido em React + Tailwind v4, com tokens acessíveis (WCAG AA) exportáveis para o Figma Tokens Studio.
Serviços e seções
Cores, tipografia, espaçamento, raio e sombras em uma única fonte da verdade.
Referência visual de componentes, estados e medidas em px para replicar no Figma.
Padrão de formulário longo com validação, mensagens e ações primárias.
Visão geral do catálogo de componentes agrupados por categoria.
Página institucional aplicando header, breadcrumb, conteúdo e footer gov.br.
Uso combinado de modal e diálogo de confirmação (padrão destrutivo).
Fonte tipográfica