El lenguaje de diseño parte de una contundente paleta en rojo, blanco y tono carbón. El rojo concentra el mayor énfasis en la sección hero y en el apartado Sobre nosotros, mientras que los fondos en carbón enmarcan los servicios automáticos y el área de contacto. Las superficies blancas destinadas al contenido aportan un entorno más limpio y sereno a la lista de ventajas del sistema y a la información sobre el detailing manual. Esta alternancia controlada genera una identidad visual dinámica sin necesidad de recurrir a colores decorativos secundarios.
La fotografía de vehículos en formato circular se erige como el motivo más constante de la página. Grandes círculos presentan a la empresa de lavado y vuelven a aparecer junto al sistema innovador, el lavado automático y el tratamiento manual premium. Ciertas imágenes se superponen a bloques geométricos, haciendo que la fotografía funcione como parte del lenguaje de composición y no como simples ilustraciones aisladas. Este tratamiento circular repetido sirve también para cohesionar dos líneas de servicio distintas bajo una misma propuesta de marca.
La tipografía y el espaciado refuerzan la identidad mediante el contraste y la jerarquía visual. Los encabezados de alto contraste destacan con fuerza sobre fondos rojos u oscuros, mientras que el generoso espacio en torno al contenido centrado de Sobre nosotros y a las cuatro tarjetas numeradas evita cualquier saturación visual. Los botones cuentan con una ubicación destacada y clara en los bloques de servicio, y la sección final de contacto en fondo oscuro reproduce el acento circular en rojo. En conjunto, color, tipografía, composición fotográfica, espacios y planos geométricos ofrecen una sólida dirección visual, fácil de extender a páginas complementarias sin perder la esencia de este diseño de autolavado.
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.