A identidade visual começa na relação entre superfícies em azul-marinho escuro, apontamentos dourados, áreas de conteúdo em creme e tons de cinzento neutros. Esta paleta confere à página de liderança um forte perfil editorial sem depender de ornamentos excessivos. A tipografia sem serifa encorpada reforça essa direção, permitindo que títulos como «Conheça a nossa equipa de liderança», «Comprometidos com as nossas comunidades» e «A nossa fantástica equipa» funcionem como mensagens articuladas ao longo de diferentes secções.
A fotografia é trabalhada como um elemento de identidade recorrente e não apenas como uma única imagem hero de abertura. A foto inicial da equipa, as duas imagens de apoio dedicadas à comunidade, os três diapositivos do carrossel e os nove retratos individuais mantêm as pessoas no centro da linguagem visual. Blocos de cor geométricos e o painel de abertura sobreposto conferem estrutura a essas imagens, enquanto os espaçamentos amplos evitam que os múltiplos elementos centrados em pessoas fiquem visualmente sobrecarregados. Botões arredondados como «Saber mais» e «Vamos conversar» introduzem uma nota acessível e acolhedora no seio de uma paleta mais contrastada.
A consistência gráfica da página estende-se igualmente à área de contacto e ao rodapé. As etiquetas de serviços como consultoria, coaching e desenvolvimento integram-se na mesma hierarquia de tons escuros, claros e de destaque estabelecida anteriormente, enquanto as ligações sociais e o formulário oferecem detalhes de interface funcionais e intuitivos. Desta forma, a identidade de design vai muito além da composição de uma única secção: paleta, tipografia, tratamento de imagem, espaçamentos, formatos de painéis e estilo dos botões articulam-se num sistema reconhecível capaz de orientar páginas relacionadas.
Ao usar o Construtor de design de sites, você poderá ajustar cores, fontes, cabeçalho e base, layout, colunas e outros elementos de design, bem como conteúdo e imagens.
Use as Configurações do Tema para estabelecer a base visual do site em todas as suas páginas e seções. Defina cores, fontes e tipografia globais para que o site siga a mesma direção de design, em vez de estilizar cada página individualmente.
Escolha um esquema de cores e uma combinação de fontes que se adequem ao caráter do site e, em seguida, ajuste os títulos H1 a H6, o texto normal, os links, os botões, as citações, as listas e outros estilos de tipografia. O uso consistente dessas configurações ajuda a criar uma hierarquia visual clara e mantém os elementos de design recorrentes reconhecíveis em todo o site.
Use os Efeitos de Animação para tornar o design do site mais dinâmico e interativo. Elementos e contêineres podem usar efeitos como "Executar na Tela", "Animação ao Passar o Mouse" e "Animação Sincronizada com a Rolagem" para apresentar conteúdo à medida que os visitantes navegam pelo site ou respondem à interação do usuário. As predefinições de animação fornecem efeitos prontos que podem ser adaptados ao estilo visual do site.
Aplique a mesma direção de design a elementos compartilhados do site, como cabeçalho, menu e rodapé. O Painel de Configurações do Tema reúne controles de estilo comuns em todo o site, facilitando a manutenção de uma aparência coordenada à medida que o site se expande por várias páginas.
Esse fluxo de trabalho torna o modelo um ponto de partida útil para a criação de um site com identidade visual consistente, cores e tipografia coordenadas, regras de design compartilhadas e efeitos interativos em todas as suas páginas.