Biblioteca de Botões // Design System
Alma da Marca Pitch V2.0

Biblioteca de Botões

Variantes · Tamanhos · Estados · Combinações // 2026

Componentes UI6 Seções2026
Composição 3D de variantes de botões: solid, outlined, ghost, ícones e escalas de tamanho
Papéis de Produção
Botões em
ação.
Os quatro papéis fundamentais de botões usados nas superfícies de marketing e produto da Maggium.
SiteCta
Botão Padrão
Link Primário
CTA Legado
Guia de Uso
Quando usar
cada botão.
Diretrizes de aplicação para garantir consistência visual e funcional em todas as superfícies.
SiteCta

Ação primária de página ou formulário em superfícies de marketing.

Botão Padrão

Primitivo de ação genérico para produto e app shell.

Link Primário

Ação editorial ou de navegação inline com baixo peso visual.

CTA Legado

Primitivo de marketing legado. Manter em seções existentes até migração intencional.

Variantes
Estilos
disponíveis.
Quatro variantes semânticas que cobrem todos os casos de uso da interface.
Primary
Secondary
Ghost
Destructive
Tamanhos
Escala de
tamanhos.
Três níveis de tamanho para adaptar botões ao contexto visual e hierárquico.
Small (SM)
Medium (MD)
Large (LG)
Estados
Estados de
interação.
Os três estados fundamentais: padrão, carregando e desabilitado.
Default
Loading
Disabled
Combinações
Botões em
conjunto.
Exemplo de como os botões convivem em uma mesma barra de ações, respeitando a hierarquia visual.