El lenguaje visual parte de superficies oscuras en carbón y negro que crean un marco coherente para el contenido. La tipografía editorial blanca aporta el contraste principal y da soporte al denso texto explicativo, mientras que los acentos en naranja y azul introducen un énfasis selectivo vinculado a los lanzamientos y la iconografía espacial. Estas elecciones se repiten en la cabecera, la sección principal, los paneles de artículos, la sección de video, las tarjetas de lectura y el pie de página, permitiendo que el sitio transmita una identidad reconocible de principio a fin.
Las imágenes se tratan como un elemento central del diseño y no como un detalle de fondo. Una gran fotografía de un cohete respalda el artículo de apertura, imágenes superpuestas de la misión añaden profundidad a la sección sobre la gira en California, y diversas capas visuales de Marte y de naves espaciales acompañan la explicación de «¿Por qué Marte?». Los dos paneles de lectura con fondo de imagen y la amplia fotografía final de la nave espacial extienden este mismo rumbo visual hacia las áreas secundarias y de cierre. Un espaciado holgado evita que estas grandes piezas visuales resten protagonismo al contenido editorial.
La identidad resultante es seria, basada en la imagen y con un marcado carácter editorial, sin recurrir a un estilo corporativo genérico. Sus elementos recurrentes más destacados son los fondos oscuros, los paneles o textos en color blanco, las grandes imágenes astronómicas, la asimetría y los toques de color ubicados con precisión. Esta relación de elementos puede guiar páginas afines: conservar el mismo contraste, tratamiento visual y tipografía ayudará a que los contenidos adicionales de la misión o de divulgación científica se mantengan conectados estéticamente con este diseño.
Al utilizar Creador de diseño de sitios web, podrá ajustar los colores, las fuentes, el encabezado y el pie de página, el diseño, las columnas y otros elementos de diseño, así como el contenido y las imágenes.
Usa Configuración del tema para establecer la base visual del sitio web en todas sus páginas y secciones. Configura colores, fuentes y tipografía globales para que el sitio siga la misma línea de diseño en lugar de aplicar un estilo independiente a cada página.
Elige una combinación de colores y fuentes que se ajuste al carácter del sitio web y luego ajusta los encabezados H1-H6, el texto normal, los enlaces, los botones, las citas, las listas y otros estilos tipográficos. El uso coherente de esta configuración ayuda a crear una jerarquía visual clara y a que los elementos de diseño recurrentes sean reconocibles en todo el sitio web.
Usa Efectos de animación para que el diseño del sitio web sea más dinámico e interactivo. Los elementos y contenedores pueden usar efectos como "Ejecutar al mostrar", "Animación al pasar el ratón por encima" y "Animación sincronizada con el desplazamiento" para mostrar contenido a medida que los visitantes navegan por el sitio o responden a la interacción del usuario. Los preajustes de animación proporcionan efectos listos para usar que se pueden adaptar al estilo visual del sitio web.
Aplica la misma dirección de diseño a los elementos compartidos del sitio web, como el encabezado, el menú y el pie de página. El panel de configuración del tema reúne los controles de estilo comunes para todo el sitio, lo que facilita mantener una apariencia coordinada a medida que el sitio web se expande a través de varias páginas.
Este flujo de trabajo convierte a la plantilla en un punto de partida útil para crear un sitio web con una identidad visual coherente, colores y tipografía coordinados, reglas de diseño compartidas y efectos interactivos en todas sus páginas.