Identidade visual do candidato: cores, logo e favicon no site

Resposta direta: uma boa identidade visual política não depende de muitas cores nem de uma logo complexa. Ela precisa ser reconhecível, legível no celular e consistente entre site, materiais e canais oficiais.

No Site do Político, esses elementos não vivem em um único fluxo. Cores, tema, logo e favicon podem aparecer nas configurações do Estúdio; a logo também possui uma área própria. Cada superfície tem comportamento de salvamento diferente, por isso a equipe deve saber o que fica em rascunho e o que é publicado ao salvar.

Comece com uma paleta funcional

Escolha uma cor principal para botões, links e destaques e uma cor de apoio para contraste pontual. Antes de pensar em gosto pessoal, teste:

• leitura de texto sobre fundos claros e escuros;
• diferença visível entre botão, link e conteúdo comum;
• uso em telas pequenas e sob brilho intenso;
• coerência com materiais oficiais da candidatura ou mandato.

Evite depender somente da cor para comunicar estado ou prioridade. Título, texto e posição também precisam explicar a ação.

Logo: reconhecimento antes de detalhe

A logo deve continuar compreensível quando reduzida no cabeçalho. Teste uma versão sobre fundo claro, outra sobre fundo escuro e uma redução pequena. Elementos finos e textos longos tendem a desaparecer no celular.

No painel, a rota /painel/sites/[site]/logo permite criar e salvar a logo da campanha. Nessa superfície, a logo preparada fica como rascunho local até o comando de salvar; ao salvar, esse campo é publicado no site. Isso não publica os demais rascunhos do Estúdio.

Favicon: pequeno, mas importante para reconhecimento

O favicon é o ícone compacto exibido na aba do navegador. Use uma forma simples, com contraste e sem texto pequeno. Depois de publicar, teste em uma nova aba e considere que o navegador pode manter cache da imagem anterior por algum tempo.

Logo e favicon também aparecem na categoria de marca e mídia do Estúdio. Em /painel/sites/[site]/edit/configuracoes, a mensagem da tela informa o comportamento: no Estúdio, as imagens entram no mesmo rascunho e só chegam ao site quando a equipe publica explicitamente.

E a imagem de compartilhamento?

Não há um controle global comprovado chamado “miniatura social” que substitua todas as imagens do site. O Open Graph público usa regras e imagens de fallback; conteúdos editoriais podem ter seus próprios campos e mídias. Por isso, não trate uma única imagem como configuração universal.

Teste o endereço público depois da publicação e verifique qual imagem aparece no compartilhamento. Se um conteúdo específico tiver campo de SEO ou capa, revise-o no próprio módulo. Uma prévia antiga também pode permanecer em cache no aplicativo social.

Escolha o layout antes do acabamento final

A mesma paleta se comporta de forma diferente em uma abertura de impacto, um perfil ou uma home editorial. Defina primeiro a hierarquia da página e depois ajuste contraste e proporção dos ativos. O guia de layouts de site político por objetivo ajuda nessa decisão.

Para executar os caminhos dentro do painel, veja o tutorial de identidade visual no Site do Político. Se a dificuldade estiver na ordem dos elementos, consulte também como editar a home e suas seções.

Rascunho e publicação: não misture os estados

• Configurações do Estúdio: preservam o rascunho da home e exigem publicação explícita.
• Rota própria de Logo: salva e publica apenas a logo preparada nessa tela.
• Prévia privada: serve para revisar, usa noindex e não é o endereço definitivo.
• Site público: mostra a versão publicada conforme plano e estado do site.

Checklist visual antes de publicar

• [ ] A logo permanece legível em tamanho pequeno.
• [ ] As cores mantêm contraste em celular.
• [ ] O favicon funciona sem texto miúdo.
• [ ] A identidade não esconde nomes, números ou informações obrigatórias.
• [ ] A home e os detalhes editoriais foram revisados.
• [ ] A equipe sabe qual ajuste ficou em rascunho.
• [ ] O compartilhamento público foi testado sem presumir uma miniatura global.

Próximo passo: crie uma presença visual consistente para sua candidatura.