As cores estabelecem uma identidade de marca forte, despertam emoções e direcionam a atenção do utilizador para secções específicas do seu website. Uma paleta de cores bem pensada torna o seu site visualmente apelativo e memorável para os visitantes. Este guia explica como editar as cores do seu website, escolher esquemas de cores e usar opções personalizadas para adaptar textos, botões e layouts.
Para gerir as cores do seu website, siga estes passos:
No Editor do Website, clique em Design no menu superior.
Selecione Cores na lista suspensa.
Use o menu lateral para explorar os esquemas de cores disponíveis ou selecionar opções personalizadas.
Escolha a opção Popular para selecionar paletas pré-criadas ou gerar a sua própria:
Seleção - Clique num esquema de cores para o aplicar de imediato ou clique no botão de mais para ver variações adicionais.
Personalização - Clique em cada cor individual dentro de um esquema para selecionar uma nova no seletor de cores.
Filtragem e Favoritos - Use o filtro para mostrar esquemas com base em cores específicas ou clique no ícone de coração para marcar uma paleta como favorita.
Ferramentas de Geração - Clique no ícone Paleta para criar um esquema usando um código de hashtag ou utilize o ícone Imagem para gerar uma paleta com base na imagem de capa da sua página inicial.
Use a opção Personalizado para ajustar elementos específicos em todo o seu website:
Cor Principal e Botões - Escolha a cor principal para links e secções essenciais. Utilize os botões "Aplicar a todos" para sincronizar rapidamente esta cor em todos os elementos e no texto dos botões.
Cores do Menu - Personalize as cores do fundo do menu, do texto, dos efeitos ao passar o rato (hover), das bordas e das linhas de separação de páginas.
Cores da Página - Defina as cores do fundo, do texto e dos itens para a Página Principal, Segunda Página e Páginas Internas (páginas que não são apresentadas na página inicial).
Secção e Rodapé - Ajuste a cor principal de secções específicas nas suas páginas e escolha as cores de fundo e do texto para o rodapé.
Hierarquia Visual - Usar uma cor principal consistente ajuda os utilizadores a identificar com mais facilidade elementos interativos, como botões e links.
Consistência da Marca - Gerar um esquema de cores a partir da imagem da sua página inicial é uma forma rápida de garantir que as cores do seu site combinam com o seu branding principal.
Efeitos ao Passar o Rato (Hover) - Não se esqueça de verificar as cores de hover do menu para garantir que o texto continua legível quando um visitante interage com a navegação.
