A linguagem visual começa com superfícies escuras em preto e carvão que criam um ambiente consistente para o tema. A tipografia editorial branca garante o contraste primário e dá suporte aos textos explicativos densos, enquanto os detalhes em laranja e azul introduzem destaques pontuais associados aos lançamentos e ao imaginário espacial. Essas decisões se repetem no cabeçalho, na seção principal, nos painéis de artigos, na seção de vídeo, nos cartões de leitura e no rodapé, permitindo que a página comunique uma identidade reconhecível do topo ao fim.
As imagens são tratadas como elemento central do design, e não como simples detalhes de fundo. Uma fotografia ampla de foguete reforça a matéria de abertura, imagens sobrepostas da missão conferem profundidade à seção do evento itinerante na Califórnia, e recursos visuais em camadas de Marte e das naves acompanham a explicação "Por que Marte?". Os dois painéis de leitura com imagens de fundo e a imagem panorâmica de encerramento da espaçonave levam essa mesma direção visual para as áreas secundárias e finais. Espaçamentos generosos impedem que esses grandes visuais sufoquem o texto editorial.
A identidade resultante é séria, orientada pela imagem e com vocação para publicação, sem recorrer a um estilo corporativo genérico. Seus motivos recorrentes mais expressivos são os campos escuros, os painéis ou textos brancos, as grandes imagens astronômicas, a assimetria e os detalhes de cor posicionados com precisão. Essas relações podem orientar páginas semelhantes: o mesmo contraste, tratamento de imagens e tipografia ajudarão outros conteúdos científicos ou da missão a manter uma conexão visual contínua com este design.
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.