Foundations
Ventajas de utilizar tokens
Utilizamos un sistema de tokens para definir nuestras foundations, consiguiendo así que los estilos sean agnósticos y tengamos una mayor capacidad de anticipación ante futuros cambios.
Consistencia visual
Eficiencia y rapidez
Escalabilidad
Nuestras foundations
Las Foundations de un sistema de diseño son como los cimientos de un edificio: los elementos básicos que sostienen todo lo que construimos.
Una paleta de colores consistente, alineada con la identidad visual de la marca y optimizada para garantizar accesibilidad en todas las aplicaciones.
La estructura que da forma a la experiencia.
El layout define cómo se organiza el contenido en nuestras interfaces digitales. Es la base que garantiza orden, claridad y coherencia visual en todos los productos.
La tipografía no solo transmite palabras, también comunica personalidad. La Sole Repsol es la tipografía oficial de todo el ecosistema de Repsol, y una pieza clave de nuestra identidad visual.
En Energy, el espaciado no es solo una cuestión estética: es una herramienta clave para crear interfaces limpias, legibles y coherentes. Utilizamos una regla basada en múltiplos de 8 píxeles para mantener un ritmo vertical constante y facilitar la alineación entre elementos.
Los estilos visuales en Energy no son solo detalles estéticos: son recursos que enriquecen la interfaz y refuerzan la identidad digital de Repsol. Desde sombras hasta bordes, pasando por efectos y texturas, cada estilo está pensado para aportar valor sin distraer ni comprometer la experiencia.
En Repsol, creemos que el diseño digital debe ser inclusivo por definición. Nuestro compromiso es claro: crear experiencias accesibles que puedan ser utilizadas por todas las personas, sin importar sus capacidades, contexto o dispositivo.
Recursos adicionales
Explora los recursos disponibles y comienza a crear con los elementos que Energy pone a tu disposición.
Contacto