A identidade visual constrói-se a partir de uma relação forte entre a cor, a fotografia e a escala tipográfica. O ciano brilhante, o verde-azulado, o amarelo e o branco criam uma paleta associada ao tema estival e de surf da página, enquanto grandes imagens de praias e surfistas conferem a textura emocional predominante. A secção hero de abertura utiliza essa imagem à escala máxima, seguindo-se três cartões de oferta coloridos que repetem a paleta de forma estruturada para Campo de surf, Aulas e Sobre nós.
Títulos condensados e marcantes dão às secções uma voz reconhecível, tanto sobre fotografias como sobre fundos sólidos. O texto de apoio mantém-se compacto, permitindo que as imagens e os campos de cor retenham o foco sem retirar o papel informativo da página. A faixa em ciano de largura total reforça a paleta como um motivo partilhado à escala do site, enquanto o painel com contorno em Férias de surf económicas introduz um contraste contido que pode ser reproduzido em páginas associadas.
A área final de aulas de ioga e massagens expande a identidade além do surf, mantendo o mesmo contraste entre o conteúdo das atividades e um painel de contacto destacado. Um rodapé escuro oferece um contrapeso visual intencional às secções mais claras e enquadra as ligações sociais como um elemento de fecho da marca. Em conjunto, a paleta, o tratamento das imagens, a tipografia, o espaçamento e a lógica de blocos de cor criam uma linha de design coesa em vez de um conjunto disperso de decorações.
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.