A seção hero em verde-azulado serve como a âncora visual mais forte, utilizando um bloco colorido de largura total, texto centralizado, tipografia display condensada em negrito e um botão contrastante. Esse tratamento inicial define um tom promocional antes que a página passe para áreas de conteúdo mais claras. Na seção Sobre nós, um texto de apoio compacto e três etiquetas de especialidades acompanham uma imagem circular, combinando a mensagem de serviços com um tratamento visual arredondado em vez de depender de uma coluna de texto simples.
Os três cartões de destaques mantêm a mesma linguagem visual por meio de contêineres arredondados dispostos em linha horizontal. Suas etiquetas concisas — Suporte, Sem código e Habilidades — criam um ritmo compacto que contrasta com a composição mais aberta da seção Sobre nós. A seção clara de depoimentos altera a ênfase do fundo e centraliza dois relatos em formato de slide, enquanto indicadores de navegação trazem um sinal sutil de interação sem sobrecarregar o conteúdo. Essas transições conferem à página um ritmo expressamente promocional e variado.
A área de preços dos cursos introduz outra mudança de cor com um fundo decorativo atrás de um cartão centralizado. O nome do plano, o preço, o número de usuários, a lista de benefícios e o botão de ação formam um ponto focal mais concentrado. A área final de contato retorna às imagens circulares, combinando-as com um formulário disposto verticalmente, e o footer escuro garante um contraste final marcante. Ao longo da página, as variações de cores, os cartões arredondados, as fotos circulares, os generosos espaçamentos verticais e os títulos condensados constroem uma identidade marcante para um estúdio criativo.
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.