Components
Um catálogo abrangente de blocos de construção UI prontos para produção, projetados para consistência, acessibilidade e interfaces dark-first.
Inventário de Components
Navegue por todos os grupos de componentes. Clique em qualquer card para explorar documentação detalhada e exemplos ao vivo.
Buttons
Variantes Primary, Secondary, Ghost e Destructive com cobertura completa de estados.
Cards
Containers Default, Elevated e Glass para agrupar conteúdo relacionado.
Forms
Inputs, selects, checkboxes, toggles e padrões de formulários compostos.
Feedback
Alertas, toasts, modais, badges, tooltips e estados de carregamento.
Tables
Tabelas de dados e grids comparativos com ordenação e padrões responsivos.
Charts
Padrões de gráficos de barra, linha, área, donut e sparkline.
Sections
Blocos de marketing: hero, grid de features, CTA, pricing e depoimentos.
Patterns
Dot grids, gradientes, overlays de grain e fundos glass.
Templates
Composições de layout em nível de página: dashboard, marketing, documentação.
Motion
Animações de entrada, transições, efeitos hover e micro-interações.
Effects
Orbes de glow, texturas grain, scroll reveal e contadores animados.
Conversion
Componentes focados em conversão: CTA forms, modais de saída, cookie consent e mockups de serviço.
Princípios de Design
Os princípios orientadores por trás de cada componente neste sistema.
Dark First
Todo componente é projetado para superfícies escuras, depois adaptado para contextos claros.
Token Driven
Cores, espaçamento, raios e tipografia referenciam design tokens, nunca valores brutos.
Acessível
Ratios de contraste WCAG 2.1 AA, navegação por teclado e atributos ARIA como base.
Composable
Componentes são blocos atômicos que se combinam em UIs complexas e previsíveis.