As cores estabelecem uma identidade de marca forte, despertam emoções e direcionam a atenção do usuário para seções específicas do seu site. Uma paleta de cores bem pensada torna seu site visualmente atraente e memorável para os visitantes. Este guia explica como editar as cores do seu site, escolher esquemas de cores e usar opções personalizadas para ajustar textos, botões e layouts.
Para gerenciar as cores do seu site, siga estas etapas:
No Editor do Site, clique em Design no menu superior.
Selecione Cores na lista suspensa.
Use o menu lateral para navegar pelos esquemas de cores disponíveis ou selecionar opções personalizadas.
Escolha a opção Popular para selecionar paletas prontas ou gerar a sua própria:
Seleção - Clique em um esquema de cores para aplicá-lo instantaneamente 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 no seletor de cores.
Filtros e favoritos - Use o filtro para exibir 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 de Paleta para criar um esquema usando um código de hashtag ou use o ícone de 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 site:
Cor principal e botões - Escolha a cor primária para links e seções essenciais. Use os botões "Aplicar a tudo" para sincronizar rapidamente essa cor em todos os elementos e no texto dos botões.
Cores do menu - Personalize as cores do plano de fundo do menu, do texto, dos efeitos ao passar o mouse (hover), das bordas e das linhas de separação de páginas.
Cores da página - Defina as cores de fundo, do texto e dos itens para a Página Principal, a Segunda Página e as Páginas Internas (páginas não exibidas na página inicial).
Seção e rodapé - Ajuste a cor principal de seções específicas nas suas páginas e escolha as cores de fundo e de texto do rodapé.
Hierarquia visual - Usar uma cor principal consistente ajuda os usuários a identificar elementos interativos, como botões e links, com mais facilidade.
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 combinem com a sua identidade visual principal.
Efeitos de hover - Lembre-se de verificar as cores de hover do menu para garantir que o texto continue legível quando o visitante interagir com a navegação.
Verificando a visibilidade da cor do texto - Após ajustar as cores do texto no seu site, é importante revisar as alterações para garantir que a cor escolhida se destaque em relação ao fundo, às caixas de texto e às cores dos botões. Se o texto se misturar com esses elementos, isso pode causar problemas em que caixas de seleção, conteúdo da página e texto de botões fiquem "invisíveis".
A menos que a opção esteja disponível, alterar as cores do seu site afeta todas as páginas e conteúdos. Isso significa que você não pode fazer alterações em segmentos individuais das páginas ou do conteúdo do site. Observe que você pode editar as cores das seções usando o ícone de engrenagem; saiba mais sobre Edição das Seções do Site
