Tipografía

La tipografía que nos representa

La tipografía es un pilar fundamental dentro de las Foundations de Energy. No es solo una cuestión estética, sino una herramienta clave para la comunicación, la legibilidad y la jerarquización del contenido en nuestros productos digitales. Un buen uso tipográfico guía al usuario, estructura la información y refuerza la identidad de marca en cada punto de contacto.

En Repsol, contamos con La Sole Repsol, nuestra tipografía corporativa, diseñada específicamente para expresar nuestra identidad de manera coherente y transversal en todos los entornos. Su uso no solo aporta reconocimiento y consistencia visual, sino que también nos permite establecer una jerarquía clara, destacando lo más importante y facilitando la lectura en cualquier dispositivo.

Aplicar correctamente La Sole Repsol dentro del sistema de diseño garantiza que nuestros productos sean accesibles, eficientes y alineados con la identidad de la marca, creando una experiencia unificada y fluida para los usuarios.

‍

Reglas de uso

En Energy, el uso de la tipografía sigue reglas claras para garantizar una experiencia homogénea y alineada con la identidad de Repsol. Dentro de la familia Sole Repsol, contamos con dos variantes optimizadas para su función específica:

• Sole Display: Diseñada para destacar, se utiliza principalmente en titulares y elementos que requieren mayor impacto visual.
• Sole Text: Optimizada para la lectura en digital, es la fuente utilizada en todos los cuerpos de texto, asegurando comodidad y legibilidad.

Para aplicar la tipografía correctamente, en el sistema encontrarás los tokens de texto, que funcionan igual que los de color: establecen valores exactos para cada uso tipográfico, definiendo tamaños, pesos y estilos según su función en la interfaz.

Es fundamental respetar estos tokens, ya que garantizan coherencia entre diseño y desarrollo, evitan inconsistencias y refuerzan la identidad visual de Repsol en todos los productos digitales. No se deben crear estilos tipográficos fuera del sistema, ya que cada ajuste está pensado para mantener la armonía y accesibilidad en todo el ecosistema digital.

‍

Escala tipográfica

Para garantizar el principio de multiplataforma y consistencia, en Repsol nos aseguramos que la tipografía funcione, tanto en dispositivos pequeños como en resoluciones más grandes. Por este motivo, trabajamos con unos estilos tipográficos responsive que varían tamaños y pesos según el tamaño de la pantalla.

De este modo, cuando diseñamos en un dispositivo y utilizamos una jerarquía dentro de la escala, al pasar a un dispositivo de breakpoint diferente, adaptaremos los estilos de forma responsive, manteniendo la misma jerarquía.

Los estilos de la escala tienen una nomenclatura específica acorde al contexto en el que se deberían utilizar, para facilitar su uso correcto, del mismo modo que los estilos de color.

‍