O fundo pervinca claro oferece à página uma base consistente, enquanto o texto azul-marinho escuro atua como um contraponto sólido aos grandes títulos condensados. O corpo de texto sem serifa compacto adota uma escala visual menor, garantindo que a hierarquia entre a tipografia de destaque e o texto de apoio permaneça clara na abertura e em todas as secções de serviços. Os apontamentos a azul ligam depois os ícones circulares, os cartões destacados e outros pequenos focos visuais sem sobrecarregar o fundo claro.
A fotografia é tratada como elemento central da identidade visual e não como mera decoração isolada. A secção de abertura recorre a imagens corporativas sobrepostas ao lado do título principal, a área da equipa envolve um cartão branco central com fotografias do ambiente de trabalho, e o módulo de testes de aplicações móveis conjuga imagens e cartões de serviços. Os painéis brancos produzem repetidamente um contraste nítido tanto com o fundo pervinca como com as zonas fotográficas mais escuras. Esta abordagem consistente faz com que as secções «Sobre o nosso estúdio», «O que fazemos» e os conteúdos de serviços pareçam partes de um único sistema visual.
Marcadores de secção numerados introduzem outro elemento marcante, conferindo às apresentações do estúdio e dos serviços um perfil editorial estruturado. No extremo oposto da paleta, o rodapé transita para um tratamento denso e escuro, reunindo hiperligações agrupadas, contactos e horário de funcionamento. Esse contraste transforma o rodapé num bloco visual de fecho intencional, em vez de uma simples continuação da página clara. Em conjunto, cor, tipografia, imagens sobrepostas, superfícies de cartões, apontamentos circulares e o contraste do rodapé definem a linha gráfica global do modelo.
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.