A relação visual mais marcante ocorre entre as faixas em gradiente de azul a roxo e as ilustrações de servidores. Na seção hero, essa combinação contextualiza a mensagem de hospedagem como a identidade principal da página. Uma seção posterior em gradiente retoma a mesma abordagem voltada à tecnologia em torno do conteúdo de soluções de hospedagem e das métricas exibidas, fazendo com que o design pareça coordenado em vez de composto por blocos desconexos.
As áreas em branco e pêssego-claro criam um contraste intencional. Os quatro cards de categorias de hospedagem estão dispostos em uma apresentação mais clara, enquanto os três cards de preços formam outra área estruturada de comparação, com tratamentos visuais coloridos para os planos e botões de seleção. Essas superfícies repetidas baseadas em cards facilitam a diferenciação visual das escolhas, enquanto os títulos sem serifa em negrito preservam a hierarquia entre os diferentes papéis do conteúdo. As ações em laranja e azul acrescentam destaques controlados, sem introduzir um sistema de cores separado.
A linguagem visual também acomoda diversos tipos de conteúdo de apoio. A ilustração de suporte suaviza o tema técnico, a seção de migração combina textos explicativos com outra imagem de servidor, e os rótulos de sistemas operacionais trazem opções técnicas reconhecíveis em uma apresentação mais organizada e alinhada à marca. Os cards de depoimentos e as linhas de perguntas frequentes mantêm o mesmo tratamento modular para transmitir segurança e informação. Juntos, os gradientes, o estilo das imagens, a repetição de cards, a tipografia e os botões de destaque definem um design de site coerente, capaz de expandir a identidade de hospedagem para páginas relacionadas enquanto preserva o mesmo caráter visual.
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.