Como personalizar o estilo da sua página
Você pode personalizar o design do seu site para se adequar ao estilo da sua marca. Crie uma identidade visual escolhendo um esquema de cores primárias e fontes para os elementos do seu site. As configurações que você escolher na seção "Estilo da página" serão aplicadas a todos os seus elementos.
Recomendamos copiar elementos para manter um estilo de design de página consistente sem personalização adicional.
Leia mais: Personalizando a aparência do elemento.
Clique no ícone de lápis no canto superior esquerdo para acessar as configurações de estilo da sua página.
Selecione Personalizar ao lado do elemento desejado.
Esquema de cores
Na seção de esquema de cores, você pode selecionar as cores dos elementos dominantes.
Para definir o esquema de cores para cada elemento individualmente, clique em Personalizar e selecione uma cor:
| Claro | Usado como plano de fundo para elementos escuros do site). |
| Escuro | Usado como plano de fundo para elementos claros do site). |
| Principal | Usado para atrair a atenção para a sua marca e representar a identidade da sua marca). |
| Auxiliar | Usado para chamar a atenção e complementar sua cor primária). |
| Ênfase | Usado para destacar elementos exclusivos do site). |
Estilos de texto
Na seção Estilos de texto, você pode selecionar uma das combinações de fontes predefinidas ou personalizar as fontes de parágrafo e título para combinar com o estilo do seu site e manter a integridade do design.
Para definir as fontes de parágrafo e título individualmente, clique em Personalizar.
As configurações do botão corresponderão aos tamanhos e fontes selecionados.
O tamanho da fonte dos botões do widget de formulário depende do tamanho do botão selecionado (S é 0,8 do tamanho especificado, M corresponde à fonte selecionada e L é 1,2 da fonte especificada).
Você pode suas próprias fontes ao criador de sites com base no estilo da marca.
Saiba mais: Como adicionar uma fonte personalizada ao seu site.
Estilos de botão
Na seção Botões, você pode selecionar os estilos para todos os botões do site, incluindo os widgets de Botão, Formulário, Pagamentos, Registro etc.
Para personalizar o estilo, clique em Personalizar e vá para uma guia:
| Primário | Usado para botões de chamada à ação de alta prioridade que precisam de mais atenção. |
| Secundário | Usado para botões de menor importância — sua cor é mais pálida por padrão. |
Você pode usar as seguintes opções para personalizar seus botões:
| Estilo do texto | Exibe o estilo de texto selecionado nas configurações de fonte. Para alterá-lo, clique em Editar. Em seguida, na seção Botão, selecione uma fonte e seu tamanho, e ajuste a altura e largura da linha. | |
| Cor do texto | Define a cor do texto do botão. Clique no ícone e selecione uma cor. | |
| Cor de fundo | Define a cor de fundo do botão. Clique no ícone e selecione uma cor. | |
| Contorno | Adiciona uma linha ao redor da borda do botão. Ative o alternador, insira um valor em pixels para definir a espessura da linha e selecione um tipo de linha e sua cor. | |
| Efeito hover | Adiciona efeitos de hover para aumentar as conversões e incentivar os visitantes a realizar uma ação na página. | |
| Opacidade | A opacidade do botão será alterada de 100% para a porcentagem especificada. | |
| Sombra | Uma sombra aparecerá ao redor do seu botão. | |
| Cor alternativa | O esquema de cores do seu botão será alterado.
Selecione uma cor de texto, fundo e contorno para quando o botão estiver em hover. |
|
Última Atualização: 19.11.2024
ou