A identidade visual da página assenta numa relação equilibrada entre detalhes de destaque, contraste e escala das imagens. O azul surge no painel contornado da seção hero, nos ícones de competências e nas barras de identificação dos perfis, funcionando como um elemento recorrente que interliga grupos distintos de conteúdo. Aplicado sobre fundos fotográficos escuros na hero e na seção de processo, o destaque ajuda o texto e os cartões a manterem-se nítidos. A mesma cor ganha maior precisão sobre superfícies brancas ou claras, especialmente em torno das funções e das informações de contacto.
Títulos sans-serif marcantes conferem à página um tom editorial seguro, enquanto os espaçamentos amplos evitam que as fotografias de grandes dimensões sobrecarreguem o texto informativo. A seção «Sobre nós» combina cartões de competências centralizados com o texto de introdução; a área de processo distribui cartões brancos sobre uma imagem com largura total; e a secção «O que fazemos» transita para uma divisão em cinzento-claro acompanhada por um retrato. Embora sejam estruturas distintas, a utilização comum de cabeçalhos fortes, áreas controladas, pormenores em azul e amplos espaços vazios mantém-nas sob a mesma linguagem de design.
A navegação, os perfis da equipa, o painel de contacto telefónico e o rodapé escuro estendem essa identidade para lá da seção hero. Em vez de depender de uma única imagem ou cor, o modelo replica decisões visuais coerentes entre diferentes tipologias de conteúdo. Isso torna-o ideal como diretriz global de design de websites para páginas associadas que precisem de preservar o mesmo equilíbrio entre fotografia, cartões estruturados, secções de elevado contraste e tipografia editorial sóbria.
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.