La identidad visual comienza con un marcado sistema de contrastes: las secciones en azul y carbón enmarcan áreas de contenido blancas, mientras que los botones y detalles amarillos proporcionan puntos de énfasis recurrentes. Esta paleta no se limita a la sección principal, sino que continúa a través de las tarjetas de servicios, el mensaje sobre los cimientos, los paneles arquitectónicos, el área de contacto y el pie de página, lo que permite reconocer con claridad las acciones y transiciones entre secciones en toda la página.
Las imágenes de construcción y arquitectura aportan el segundo nivel fundamental de identidad. Fotografías de gran formato introducen el contenido, recortes circulares aparecen en las secciones de contratación general y cimientos, y los acentos geométricos refuerzan la temática del entorno edificado sin depender únicamente de las fotografías. Las cuatro tarjetas de servicio repetidas y los módulos compactos de capacidades utilizan un tratamiento visual uniforme para que la variedad de servicios forme parte de una misma propuesta corporativa.
La tipografía display condensada otorga a los encabezados principales un carácter editorial y arquitectónico, especialmente en frases como «¿Cómo construir hogares para el futuro?» y «Juntos construimos el futuro». El espaciado generoso evita que estos títulos compitan con las imágenes, mientras que la alternancia de fondos claros y oscuros crea un ritmo equilibrado. Los módulos de arquitectura ecológica aportan un estilo cercano al de una publicación editorial, y los paneles de redes sociales junto con el pie de página lo mantienen hasta el final. En conjunto, paleta, tipografía, imágenes, formas y espaciados comunican una dirección coordinada para servicios de construcción en todo el 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.