Sistema de diseño
Foundations
Las foundations forman parte del eje central del sistema de diseño de Repsol. Son los aspectos que definen el visual del sistema. Normalmente son color, tipografía, iconografía, layout y espaciado.
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.
Será más fácil mantener la consistencia.
Facilitan la toma de decisiones.
Fomentan la escalabilidad.
Optimización de recursos.
Nuestras foundations
Color
Oxygen tiene una paleta de colores consistente que se puede utilizar en todas las aplicaciones, cocherentes con marca y accesibles
Layout
Es la distribución visual de los elementos en una página web o una app. Afecta a la usabilidad y a la experiencia del usuario en el site.
Tipografía
Establece una identidad visual sólida y coherente. Hay que definir una jerarquía tipográfica clara para guiar a los usuarios a través del contenido
Espaciado
Ayudan a crear jerarquía visual clara, guiando al usuario a través del contenido del sitio. Mejora la legibilidad y la claridad
Elevación
Su función es crear la ilusión de profundidad. Resaltan elementos y se pueden utilizar para indicar la relación espacial entre elementos
Accesibilidad
Queremos garantizar que el contenido del sitio web sea fácilmente perceptible y comprensible para todos los usuarios
Accesibilidad
Queremos garantizar que el contenido del sitio web sea fácilmente perceptible y comprensible para todos los usuarios