El lenguaje de diseño arranca con superficies en antracita oscuro que enmarcan el mensaje inicial del curso, la sección de ventajas y el pie de página. La tipografía en blanco ofrece una gran legibilidad sobre estas áreas, mientras que las acciones en verde aportan un toque interactivo muy visible. Este contraste dota a la página de una base sólida y profesional sin que las matemáticas resulten distantes o rígidas. Las fotografías de estudiantes suavizan los tonos más oscuros y conectan la identidad educativa con personas reales en lugar de limitarse a nombres de materias.
Los tonos rosa pastel, menta, lavanda y azul celeste llenan las áreas de contenido más claras y las tres tarjetas de testimonios. El acabado redondeado de tarjetas, botones de acción y pastillas de ventajas genera un motivo visual uniforme a través de los diferentes tipos de información. Los títulos centrados en negrita unifican las secciones del programa y de testimonios, a pesar de que una de ellas expone ocho categorías temáticas y la otra tres experiencias de alumnos.
La tipografía y la distribución de los espacios refuerzan esa misma coherencia. La separación desahogada en torno a los encabezados evita que la página parezca un catálogo académico denso, al tiempo que las categorías compactas hacen que un temario extenso resulte accesible y ameno. El diálogo recurrente entre anclajes oscuros, fondos claros, formas contorneadas e imágenes de estudiantes construye un sistema visual fácilmente extrapolable más allá de esta página. Refleja un aprendizaje estructurado mediante el orden, valiéndose del color y la fotografía para proyectar un tono alentador.
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.