Buttons
Elementos interativos que disparam ações. Quatro variantes cobrem todos os padrões de interação, de CTAs primários a confirmações destrutivas.
Papéis em Produção
Cada variante de botão tem um papel semântico específico na hierarquia da interface.
Primary CTA
Ação principal
Quando usar: Uma por viewport. A ação mais importante na tela — cadastrar, comprar, começar.
Secondary
Ação de suporte
Quando usar: Junto a um CTA primário ou como ações secundárias independentes — saiba mais, ver detalhes.
Ghost
Terciário / navegação
Quando usar: Ações de baixa ênfase, breadcrumbs, botões cancelar, links de navegação estilo texto.
Destructive
Ação perigosa
Quando usar: Excluir, remover, revogar — qualquer operação irreversível ou de alto risco que requer aviso visual.
Variantes
As quatro variantes principais de botão, renderizadas com estilos de produção.
Tamanhos
Três níveis de tamanho para diferentes contextos de densidade.
Estados
Feedback visual para cada estado de interação.
Botões com Ícone
Botões aprimorados com ícones para melhor escaneabilidade.
Combinações
Pareamentos comuns de CTA usados em layouts de produção.