A linguagem visual é estruturada a partir de um conjunto restrito de relações facilmente reconhecíveis. A imagem escura de recarga confere à seção hero um fundo marcante, permitindo que a tipografia branca sustente o título do FAQ e a mensagem inicial sem cores em disputa. Um badge de telefone em verde brilhante rompe a paleta mais escura com um foco de contato bem posicionado. O conjunto transmite dinamismo operacional sem comprometer a clareza visual de abertura.
Abaixo da seção hero, o acordeão de sete perguntas conduz a página de uma apresentação baseada em imagem para uma exibição voltada a informações. Os respiros generosos evitam que o tema denso sobrecarregue a composição, enquanto a tipografia compacta sem serifa ajuda a distinguir cada uma das perguntas. O conteúdo aborda compatibilidade, tempo de recarga, pagamento, disponibilidade, resolução de problemas, planos e reservas; assim, a identidade visual sustenta uma abordagem prática e explicativa, em vez de se limitar a uma galeria promocional.
A seção de contato azul adiciona a cor secundária mais proeminente e reserva um espaço exclusivo de interação para captura de e-mails. Controles arredondados suavizam o caráter técnico, ao passo que o footer escuro retoma as tonalidades profundas na base da página. Juntos, a fotografia escura, o texto branco, o detalhe verde do telefone, o campo de contato azul, os acabamentos arredondados e os espaçamentos controlados produzem uma identidade visual consistente, capaz de orientar páginas semelhantes de recarga de VEs sem resumir a análise à ordem das seçõ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.