Cores e aparência do site
A paleta de cores define a identidade visual do seu site inteiro — topo, botões, fundos e rodapé — e muda tudo de uma vez. Cada cor pinta uma região específica; saber qual cor mexe em qual lugar evita ficar tentando no escuro.
Onde fica
Abrir direto: clique aqui
Menu Marketing › Editor do site › aba Aparência (no lado direito da tela). As cores ficam em Cores por função, separadas em grupos, e cada uma tem um nome e uma descrição do que pinta. Logo acima estão as Paletas prontas, que trocam todas as cores de uma vez.
Importante: a antiga aba Cores do Personalizar site saiu do menu em 29/09/2026. Tudo o que ela fazia agora é feito no Editor do site, com o preview ao vivo do lado. O Editor é usado no computador.
Qual cor muda o quê
| Cor no Editor (grupo) | Onde aparece no site |
|---|---|
| Destaque / botões (Identidade & botões) | Botões, links, chamadas de ação e destaques — é a cor de marca mais usada no site |
| Fundo do topo (Fundos) | Barra superior e faixas do cabeçalho |
| Fundo geral (Fundos) | Fundo das páginas |
| Caixa de busca (Fundos) | Fundo dos campos e seletores da busca |
| Seções destacadas (Fundos) | Fundo das seções de depoimentos e de blog |
| Texto em fundo claro (Textos) | Textos sobre áreas claras — e o ícone de menu (☰) quando o topo é claro e transparente |
| Texto em fundo escuro (Textos) | Textos sobre áreas escuras — e, na maioria dos sites, o ícone de menu (☰), o telefone e os contatos do topo |
| Faixa do rodapé (Rodapé) | Faixa de links do rodapé |
| Rodapé — 2ª faixa (Rodapé) | Segunda faixa do rodapé (dados de contato) |
| Texto do rodapé (Rodapé) | Cor dos textos do rodapé |
| Card — fundo no hover (Cards) | Fundo do card de imóvel ao passar o mouse |
| Card — texto no hover (Cards) | Texto do card no hover |
| Menu do celular | Fundo do menu de navegação no celular |
Dica: quer trocar a cor dos botões? É Destaque / botões. Quer mudar a barra de cima? É Fundo do topo. Em cada seção do preview, o atalho Cores desta seção leva direto às cores que pintam aquela parte. Dica: o ícone de menu (☰) — as três linhas no canto do topo — não tem cor própria. Ele acompanha Texto em fundo escuro na maioria dos sites (ou Texto em fundo claro, se o topo do seu modelo for claro e transparente).
Como fazer
- Vá em Marketing › Editor do site.
- No lado direito, abra a aba Aparência.
- Escolha uma Paleta pronta ou ajuste a cor da região em Cores por função (seletor de cor ou código hex, ex.:
#1a73e8). O preview muda na hora. - Clique em Publicar alterações. Até publicar, a mudança fica só no rascunho.
- Recarregue o site para conferir (lembre do cache de alguns minutos).
Importante: a mudança vale para o site inteiro de uma vez — não precisa editar página por página. Atenção: a logo e o vídeo ficam na aba Logo & Vídeo do Personalizar site; o layout (topo, rodapé, card) é o modelo de cada seção, no próprio Editor — veja Modelos do site. Cores não trocam o layout.
Problemas comuns
- Mudei a cor e o site não atualizou — confira se clicou em Publicar alterações: sem publicar, fica só no rascunho. Depois de publicar, aguarde alguns minutos (cache) e recarregue a página. Em portais externos pode levar até 24h.
- O Editor avisa que uma cor "não é hex válido" — em sites antigos, algumas cores foram gravadas por extenso (por exemplo "Azul"). Escolha a cor de novo no seletor daquela região e o Editor volta a salvar.
- Mudei "Destaque / botões" mas o topo não mudou — são cores diferentes: o topo é Fundo do topo.
- A cor não ficou onde eu esperava — dependendo do modelo de cada seção, algumas cores pegam em lugares um pouco diferentes. Use o preview do Editor para ver qual região mudou antes de publicar.
- O ícone de menu (☰) está de uma cor que destoa do resto do topo — normalmente é Texto em fundo escuro com uma cor que não combina com o cabeçalho. Ele deve ser claro quando o topo é escuro (ou tem foto atrás) e escuro quando o topo é claro.
O que muda no seu site
Tudo o que está em Aparência é a aparência do site público. A cor Destaque / botões é a que mais aparece (botões, chamadas de ação e destaques). As demais pintam topo, fundos, textos, rodapé, busca, menu do celular e os cards de imóvel.
Perguntas frequentes
Onde foi parar a aba Cores do Personalizar site? Ela saiu do menu em 29/09/2026. As cores agora ficam no Editor do site › Aparência, com o preview ao vivo. Links antigos para a aba Cores abrem o Editor direto.
Qual cor muda o botão? Destaque / botões, no grupo Identidade & botões da aba Aparência. Ela controla os botões e chamadas de ação em todo o site.
Mudei uma cor e não sei onde ela afeta. Use a tabela acima ou o preview do Editor: a mudança aparece na hora, antes de publicar.
Como mudo a cor do ícone de três linhas (☰) do menu? É Texto em fundo escuro — o ícone não tem cor própria. Em modelos com topo claro e transparente, é Texto em fundo claro. Lembre que essa cor pinta também o telefone e os contatos do topo.
Consigo mudar as cores pelo celular? O Editor do site foi feito para o computador e não aparece no menu do celular nem do aplicativo. Use um computador.
Quero trocar a logo, não a cor. A logo fica na aba Logo & Vídeo do Personalizar site.