A identidade visual começa na relação entre a fotografia de grande escala e uma paleta de cores comedida. Imagens de oceanos, litorais e montanhas oferecem os detalhes visuais mais marcantes, enquanto as superfícies em azul-piscina claro e azul suave criam um enquadramento mais sereno para textos e interações. Na secção hero, a tipografia branca centralizada sobrepõe-se a uma fotografia de oceano, fazendo com que o contraste e a escala da imagem definam o carácter da página, em vez de tratarem a foto como mera ilustração secundária.
Essa linguagem visual estende-se a diferentes tipos de componentes. A secção da agência de viagens posiciona a fotografia junto a um formulário compacto, a tabela de passes sobrepõe uma oferta estruturada a um fundo costeiro e os cartões de experiências aplicam um tratamento visual uniforme para Viagens na montanha, Viagens de surf e Viagens no oceano. A declaração da marca em tom água suave e a área final de pedidos reduzem a intensidade visual entre esses momentos de forte impacto fotográfico. Um rodapé escuro assegura, por fim, um contraste firme de encerramento.
O resultado é uma identidade de design ampla e exploratória, sem depender de alegações infundadas sobre uma marca real. Tipografia centralizada, fundos abertos, escala fotográfica e tons água recorrentes interligam as diversas secções da página. As ações de reserva e os formulários surgem como parte integrante do mesmo sistema visual, evitando que o conteúdo prático pareça desfasado da atmosfera de viagem. Para páginas relacionadas, uma linha visual reconhecível resultará da preservação destas relações entre fotografia, cor, tipografia, espaçamento e tratamento padronizado dos cartões, em vez de se limitar a copiar uma secção isolada.
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.