Botões
O que você vai aprender
- Pra que serve este grupo
- A diferença entre Primário, Secundário e Pills
Pra que serve
Define a aparência estrutural (borda, raio do canto, fonte, caixa do texto) dos botões Primário e Secundário usados em toda a loja (block Botão, Adicionar ao carrinho, etc.), além do raio de canto usado em elementos no formato "pill" (arredondado, tipo tags de filtro).
ℹ️ A cor dos botões (fundo, texto, borda, hover) não é definida aqui, ela vem do esquema de cores em uso, configurado em Cores.
Como configurar
Botão primário / Botão secundário
Cada um com as mesmas opções:
| Configuração | Pra que serve |
|---|---|
| Espessura da borda | Espessura da borda do botão, em px. |
| Raio do canto | Arredondamento dos cantos. |
| Fonte | Corpo do texto ou Destaque. |
| Caixa do texto | Padrão ou Maiúsculas. |
Pills
| Configuração | Pra que serve |
|---|---|
| Raio do canto | Arredondamento de elementos no formato pill (ex: tags de filtro selecionadas). |
Boas práticas
- Mantenha o Raio do canto dos botões consistente com o resto da identidade visual da loja (ex: se os cards de produto têm cantos bem arredondados, considere o mesmo padrão nos botões).