Modelo Mandato para político: azul-marinho e dourado

Publicado originalmente em Tenhaseusite. Esta é uma cópia do artigo; leia e compartilhe o original.
Quem acompanha um representante quer conhecer a história, as propostas, o que foi realizado e como participar. Um site para político precisa apresentar trajetória, propostas, realizações, agenda e canais de contato. É essa a proposta do modelo Mandato, o 1º de uma série de dez estilos criados para políticos, mandatos e lideranças.
Em poucas palavras, a descrição do modelo resume o clima: Azul-marinho e dourado, institucional e confiável.



As imagens acima são capturas reais da demonstração do modelo, em tamanho de computador, tablet e celular. O site se adapta a cada tela, sem que você precise fazer nada.
Cores, fontes e formas
O fundo claro (branco) deixa a página leve e luminosa, com textos em tom escuro que facilitam a leitura, principalmente no celular. O destaque fica por conta do azul-marinho (#1d3b6e), usado nos botões e nos pontos que pedem ação, enquanto o dourado dá apoio aos detalhes e aos ícones.
Toda a página usa a fonte Montserrat, sem serifa e fácil de ler em qualquer tela. Os elementos têm cantos arredondados, de visual amigável. Os botões acompanham o mesmo arredondamento dos cartões. O rodapé recebe um desenho de chevrons sobre um fundo quase preto azulado, que fecha a página com personalidade.
A capa e o menu
O menu traz a marca à esquerda e os links de navegação à direita. Na capa, o texto fica alinhado à esquerda sobre a foto principal. Na demonstração, a capa apresenta o título “Trabalho de perto, cidade que cresce com todos”, com o botão “Fale com o gabinete” e selos como “Atendimento nos bairros”, “Gabinete aberto à população” e “Contas e ações transparentes”. Todos os textos e a foto podem ser trocados pelos seus no painel, sem código.
As seções do modelo
O modelo já vem com as seções que um site de político costuma pedir, na ordem em que o visitante as procura:
- Números: Faixa com números de credibilidade.
- Sobre: Foto, história e formação do profissional.
- Trajetória: Marcos da vida pública e profissional em linha do tempo.
- Propostas: Eixos e propostas do mandato em cartões com ícone.
- Realizações: Projetos, leis e ações em linhas numeradas, com local e ano.
- Agenda: Próximos compromissos, audiências e encontros nos bairros.
- Como participar: Passos para o cidadão enviar uma sugestão ou colaborar.
- Fale com o mandato: Canais de atendimento do gabinete, com ícones.
- Depoimentos: Cartões de depoimentos.
- Perguntas frequentes: Perguntas e respostas em sanfona (também gera dados estruturados).
- Últimas notícias: Até 3 artigos do blog com o botão Veja mais (some se o site não tem artigos).
- Banner de destaque: Faixa com janelas de site sobrepostas, título, texto e botão (aparece só com título preenchido).
Contato e agendamento
O formulário aparece em cartão, sem contorno, com uma faixa de cor no topo e campos preenchidos. O título é “Fale com o gabinete” e o botão de envio diz “Enviar mensagem”. Os campos pedem seu nome, e-mail, WhatsApp, qual é o assunto e mensagem, um por linha, para facilitar o preenchimento no celular. O botão flutuante de WhatsApp, o telefone, o e-mail e o mapa do Google completam o contato, e o site já traz o aviso de cookies e as políticas de privacidade.
Para quem combina
O visual claro transmite organização e transparência, e funciona bem em qualquer horário de leitura. É uma boa escolha para mandatos que querem organizar trajetória e propostas. Nomes, números e propostas do exemplo são fictícios: basta substituir pelo seu conteúdo.
Versão de 5 páginas e como ter este modelo
Este modelo também existe em uma versão de cinco páginas (Início, Sobre, Propostas, Participe e Contato), usada no plano Essencial, com o mesmo visual. No visualizador do catálogo, basta alternar entre “Onepage” e “5 páginas” para comparar.
Abra a demonstração em tenhaseusite.com.br/modelos/politico/modelo-1, veja o modelo funcionando e clique em Quero esse para ter o seu. Você escolhe, troca textos e fotos pelo painel e publica sem precisar de um programador.