A linguagem de design é fundamentada no contraste. O roxo marca presença no cabeçalho, na seção «Sobre nós», no posicionamento da agência, no bloco de preços e no rodapé, servindo como uma base constante em toda a página. Painéis de conteúdo e cards brancos intercalam esses blocos, mantendo os cards de serviços, logotipos de investidores, endereços de escritórios e dados de contato plenamente legíveis. O amarelo atua como cor de destaque e alteração de ênfase, surgindo em detalhes circulares de cards, na apresentação de preços e em toda a seção de contato. Essa repetição faz com que os diferentes grupos de conteúdo pareçam integrar um sistema único de agência.
A tipografia e as imagens fortalecem essa identidade em vez de atuar como mera ornamentação. Títulos marcantes sem serifa conferem peso visual à seção hero e aos enunciados principais, enquanto layouts editoriais espaçosos proporcionam respiro para a relação entre texto e imagem. Um retrato luminoso complementa o hero inicial dividido, um bloco «Sobre nós» conduzido por imagens humaniza a apresentação da agência, e a ilustração em tons de amarelo confere à seção da agência digital uma dinâmica visual diferente sem quebrar a paleta de cores. Cards e botões arredondados suavizam os tons fortes e oferecem padrões de interface consistentes entre serviços, logotipos, unidades e informações de contato. Esse equilíbrio cria uma diretriz para todo o site, capaz de ir além da página atual sem perder seu perfil contrastante e apoiado em imagens.
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.