Cores e aparência do site
A paleta de cores define a identidade visual do seu site inteiro — topo, botões, fundos, cabeçalho 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 › Personalizar site › aba Cores. Cada cor tem um nome e uma descrição do que ela pinta.
Qual cor muda o quê
| Campo na aba Cores | Onde aparece no site |
|---|---|
| Topo | Barra/cabeçalho no topo do site (em alguns modelos de topo) |
| Botão | Botões e chamadas de ação (CTA) e destaques de seção — é a cor de marca mais usada no site |
| Fundo do rodapé | Fundo do rodapé (footer) |
| Fundo | Fundo geral das páginas |
| Fundo do rodapé 2 | Segunda faixa do rodapé (linha de copyright) |
| Letras do rodapé | Cor do texto dentro do rodapé |
| Hover do card | Fundo do card de imóvel ao passar o mouse |
| Letra hover do card | Cor do texto do card no hover |
| Fundo do menu | Fundo da barra de navegação principal |
| Letra em fundo claro | Texto/itens do menu sobre áreas claras — e o ícone de menu (☰) quando o topo é claro e transparente |
| Fundo da busca | Fundo da barra de busca na home |
| Letra em fundo escuro | Texto/itens do menu sobre áreas escuras — e, na maioria dos sites, o ícone de menu (☰), o telefone e os contatos do topo |
| Fundo depoimentos/blog | Fundo das seções de depoimentos e de blog na home |
Dica: quer trocar a cor de um botão? É o campo Botão. Quer mudar a cor da barra de cima? Pode ser Topo ou Fundo do menu, dependendo do modelo de topo escolhido — se um não mudar, ajuste o outro. Dica: o ícone de menu (☰) — as três linhas no canto do topo — não tem campo próprio. Ele acompanha Letra em fundo escuro na maioria dos sites (ou Letra em fundo claro, se o topo do seu modelo for claro e transparente). Se mudar num campo e o ícone não acompanhar, ajuste o outro.
Como fazer
- Vá em Personalizar site › Cores.
- Use o seletor de cor ou cole um código hex (ex:
#1a73e8) no campo da região que quer mudar. - Clique em Salvar cores.
- 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; o layout (topo, rodapé, card) fica em Modelos. Cores não trocam o layout.
Problemas comuns
- Mudei a cor e o site não atualizou — é o cache do site; aguarde alguns minutos e recarregue a página (de preferência sem cache). Em portais externos pode levar até 24h.
- Mudei "Botão" mas o topo não mudou — são cores diferentes: o topo é o campo Topo (ou Fundo do menu), não Botão.
- A cor não ficou onde eu esperava — dependendo do modelo de site da sua imobiliária, algumas cores pegam em lugares um pouco diferentes. Ajuste o campo e confira no próprio site qual região mudou.
- Mudei a cor dos textos do topo e o ícone de menu (☰) continuou da cor antiga — o ícone não segue a cor dos textos: ele usa o campo Letra em fundo escuro (ou Letra em fundo claro, conforme o modelo). Ajuste por lá e ele acompanha o resto do topo.
- O ícone de menu (☰) está de uma cor que destoa do resto do topo — normalmente é o campo Letra 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 da aba Cores é a aparência do site público. A cor Botão é a que mais aparece (botões, chamadas de ação e destaques). As demais pintam topo, fundos, rodapé, menu, busca e os cards de imóvel.
Perguntas frequentes
Qual campo muda a cor do botão? O campo Botão, na aba Cores. Ele 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: cada campo lista exatamente a região que pinta. Se ainda tiver dúvida, salve e confira no site.
Como mudo a cor do ícone de três linhas (☰) do menu? É o campo Letra em fundo escuro, na aba Cores — o ícone não tem campo próprio. Em modelos com topo claro e transparente, é o Letra em fundo claro. Lembre que esse campo pinta também o telefone e os contatos do topo.
Quero trocar a logo, não a cor. A logo fica na aba Logo & Vídeo.
Quero um layout diferente (topo/rodapé). Isso é o modelo, na aba Modelos — não as cores.