El lenguaje de diseño se define por la forma en que la fotografía industrial se combina con una paleta controlada. El rojo aparece como una superficie de gran protagonismo en las secciones Tecnología de Peterbilt y Construido para el trabajo duro, mientras que el antracita aporta a Combustibles alternativos un carácter técnico más oscuro. El espacio en blanco, las tarjetas blancas y el tratamiento en gris claro del pie de página evitan que esos colores más intensos resten protagonismo a las imágenes de camiones.
Los titulares display condensados refuerzan la temática del transporte sin necesidad de efectos decorativos. Frases breves como Combustibles alternativos, Nuestras tecnologías y Sobre nosotros mantienen una destacada presencia visual gracias a que la tipografía se concibe como un elemento estructural de cada sección. La relación reiterada entre titular, imagen y panel de color otorga además a la página un lenguaje visual reconocible que podría proyectarse en páginas afines de la marca.
El tratamiento de las imágenes resulta igual de importante. Grandes fotografías de camiones anclan la sección hero y las secciones divididas, las tres tarjetas de modelos recurren a una presentación de producto homogénea y los cinco módulos de tecnología conforman un vocabulario visual compacto. La galería de seis fotos amplía ese vocabulario sin apartar el camión del foco central. Incluso las áreas de Historia de Red Oval y Sobre nosotros conservan el mismo equilibrio entre imagen y texto conciso. En conjunto, estas decisiones comunican una identidad robusta y centrada en el producto en lugar de una estética corporativa genérica, con el encabezado y el pie de página cerrando la composición como una sólida referencia de marca.
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.