El lenguaje de diseño parte de una paleta en gris antracita oscuro y blanco que separa las zonas de gran impacto visual de los contenidos eminentemente informativos. Los acentos naranjas se reservan para las acciones y elementos destacados, permitiendo que «Solicitar presupuesto», «Descubra más» y los controles de proyectos se diferencien claramente del texto explicativo. Los titulares en negrita condensada refuerzan el carácter técnico del tema y establecen una jerarquía visual marcada para secciones como servicios, operaciones, maquinaria, proyectos y ESG.
La fotografía es el segundo pilar definitorio de la identidad. La imagen principal de apertura de la mina a cielo abierto transmite la escala del sector extractivo, la figura del operario aporta una referencia operativa humana y la fotografía de la excavadora con el camión minero otorga a la sección de la flota un enfoque industrial directo. Otras imágenes complementarias de menor tamaño y la fotografía vertical del proyecto mantienen este tratamiento visual sin que cada bloque parezca idéntico. Las tres tarjetas de servicios añaden un motivo recurrente, empleando unidades homogéneas de imagen, etiqueta y descripción dentro de la estructura general.
Este lenguaje visual se traslada también a las zonas más sosegadas de la página. Las áreas de contenido blancas o más claras facilitan la lectura rápida de los datos del proyecto, las métricas y los cuatro compromisos ESG, mientras que el antracita reaparece en secciones que se benefician de un mayor peso visual. El resultado es un criterio gráfico homogéneo en todo el sitio que se percibe técnico y operativo en lugar de decorativo. Su identidad surge de la interacción entre imágenes de gran peso, espaciados compactos, tipografía condensada, un uso medido del naranja para dar énfasis y patrones de contenido unificados.
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.