A identidade visual tem início no contraste entre a fotografia do pôr do sol e o título condensado em negrito posicionado sobre ela. Essa relação transforma a imagem no veículo primordial da atmosfera, enquanto a tipografia confere uma forte chancela editorial à avaliação. Essa mesma abordagem guiada por imagens prossegue no carrossel de vilas com vista para o mar e na galeria do resort com oito fotos, onde as imagens de viagem se mantêm muito mais evidentes do que longos blocos de texto explicativo.
A cor institui a segunda regra estrutural da identidade. Superfícies em amarelo, verde-petróleo, verde, azul e sobreposições escuras delimitam as seções, mantendo a página conectada por meio de um conjunto restrito de acentos recorrentes. Os três painéis numerados utilizam essa paleta para transformar reserva, localização e check-in em módulos visuais distintos, enquanto a seção verde final conduz a identidade ao convite para explorar outros relatos. O espaço em branco ao redor da galeria e das áreas de texto concisas impede que os blocos luminosos entrem em disputa direta com cada imagem. O bloco com mapa e opções gastronômicas soma contexto geográfico sem romper o equilíbrio já fixado entre evidência visual e síntese editorial. Ao longo de todo o layout, fotografia, títulos condensados, painéis saturados e espaçamento equilibrado atuam conjuntamente como uma diretriz visual para todo o site, perfeitamente adequada a páginas de resenhas de hotéis, companhias aéreas, salas VIP ou destinos. A identidade se define, portanto, pelas relações entre paleta, imagens, tipografia e contenção editorial, e não por uma única cor ou elemento isolado.
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.