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 seus visitantes. Este guia explica como editar as cores do seu website, escolher esquemas de cores e utilizar opções personalizadas para personalizar o texto, os botões e os 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.
Utilize o menu lateral para explorar os esquemas de cores disponíveis ou selecione 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 escolher uma nova cor no seletor de cores.
Filtragem e Favoritos – Utilize o filtro para mostrar esquemas com base em cores específicas ou clique no ícone do coração para marcar uma paleta como favorita.
Ferramentas de geração – Clique no ícone Paleta para criar um esquema através de um código de hashtag, ou use o ícone Imagem para gerar uma paleta com base na imagem de capa da sua página inicial.
Utilize 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, das bordas e das linhas de separação entre páginas.
Cores da página – Defina as cores de fundo, do texto e dos itens para a Página Principal, Página Secundária e Páginas Internas (páginas que não são mostradas 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 seu rodapé.
Hierarquia visual – Utilizar uma cor principal consistente ajuda os utilizadores a identificar mais facilmente 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 correspondem à sua marca principal.
Efeitos ao passar o rato – Lembre-se de verificar as cores do menu ao passar o rato para garantir que o texto continua legível quando um visitante interage com a navegação.
Verificar a visibilidade da cor do texto – Depois de ajustar as cores do texto no seu website, é importante rever as alterações para garantir que a cor selecionada se destaca em relação ao fundo, às caixas de texto e às cores dos botões. Se o texto se misturar com estes elementos, isso pode causar problemas em que caixas de seleção, conteúdo da página e texto de botões ficam "invisíveis".
