Estilos

Estilos que nos definen

Si los colores, la tipografía y los componentes son la estructura de nuestro diseño, los estilos y efectos son el acabado que le da personalidad, como la luz y la textura que convierten un boceto en una obra terminada.

En Energy, aplicamos detalles sutiles pero esenciales: sombras que aportan profundidad, elevaciones que mejoran la percepción de jerarquía y otros efectos que guían la interacción del usuario. Cada uno de estos elementos ha sido diseñado para garantizar una experiencia visual coherente y reconocible, reforzando la identidad de Repsol en cada producto digital.

Estos estilos no solo embellecen, sino que también mejoran la usabilidad y la percepción de calidad, haciendo que cada interfaz sea intuitiva, clara y alineada con nuestra marca.

Elevation
Ejemplo
Overlay - Navy 80 40% opacity
Overlay with Blur - Effects / Overlay  +  Style / Overlay Blur
Glass - Effects / Glass + Style / Glass Effects
States
Ejemplo
Disabled - Effect/Opacity 32%  en componentes
Shadows
Ejemplo
Shadow S
Shadow M
Shadow Negative
Border radious
Ejemplo
Small - 8px
Medium - 16px
Large - 24px
Round - 999px

Recursos adicionales

Encuentra más información y documentación específica para cada plataforma.
En esta página
Copiar Link
Link Copiado