Botões são calls-to-action clicáveis como “Agendar uma demonstração”, “Visitar nosso site” ou “Baixar nosso app”. Eles se destacam visualmente e geram cliques nos seus links mais importantes.
Conteúdo do botão
| Configuração | O que faz |
|---|
| Texto | O rótulo exibido no botão |
| Link | A URL para a qual o botão direciona ao ser clicado |
Estilo
| Configuração | O que faz |
|---|
| Tipo | Sólido (fundo preenchido) ou Contorno (apenas borda com fundo transparente) |
| Cor | Cor de fundo do botão (para Sólido) ou cor da borda (para Contorno) |
| Raio da borda | Arredondamento dos cantos: 0 para cantos retos, valores mais altos para cantos arredondados |
| Predefinições de cor | Seleção rápida entre predefinições de gradiente e cores sólidas para estilização ágil |
Use Tipo → Sólido com a cor da sua marca para calls-to-action principais como “Agendar uma demonstração”. Use Tipo → Contorno para ações secundárias que devem ser visíveis, mas menos proeminentes.
Estilização do texto
Opções de fonte, tamanho, cor, opacidade, altura da linha e formatação para o texto do rótulo do botão.
Tamanho
Defina a Largura e a Altura do botão em pixels.
Layout
O preenchimento controla o espaço ao redor do bloco de botão.