El diseño transmite su propósito mediante una interacción constante entre color y contenido. Los fondos blancos y gris claro brindan un espacio neutro para los datos de los cursos, mientras que las áreas en rojo vivo y negro aportan énfasis a las secciones promocionales y al footer. Este contraste no se limita a una sola sección hero: se repite a lo largo de toda la página, logrando que la introducción de Cursos online, el mensaje sobre desarrollo profesional y la invitación a descubrir cursos se perciban como partes orgánicas de un mismo sitio web y no como módulos de campaña aislados.
Las imágenes refuerzan esa personalidad. Las fotos de alumnos y la imagen del espacio de trabajo sitúan el aprendizaje en un marco humano y práctico, a la vez que los paneles blancos superpuestos mantienen la legibilidad de textos y botones sobre las imágenes o a su lado. Las cuatro tarjetas de categorías de aprendizaje y las cuatro tarjetas de Valores fundamentales repiten un formato compacto de información, dotando al sitio de una pauta reconocible para agrupar contenidos afines. La tipografía sans-serif de trazo grueso, los rotundos encabezados centrados en mayúsculas y los amplios márgenes logran un equilibrio ideal entre estilo editorial y claridad promocional.
El lenguaje gráfico de la página se puede trasladar con naturalidad a otras secciones, ya que estos mismos criterios se reflejan en el menú de navegación, las tarjetas, los paneles de imágenes, las llamadas a la acción y el bloque del boletín. El resultado es una identidad formativa que desprende dinamismo gracias al contraste entre rojo y negro, pero que conserva el orden gracias a las superficies blancas, la estructura recurrente de tarjetas y una cuidada jerarquía tipográfica.
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.