Sistema de diseño
Primeros pasos desarrollo
Si vas a desarrollar un producto con el lenguaje visual de Oxygen este es tu espacio. Encuentra todos los recursos necesarios para comenzar y poder implementar el sistema de diseño.
1: Sobre Oxygen
Es una herramienta colaborativa, que ofrece a diseñadores un lenguaje común y a desarrolladores elementos reutilizables ya alineados con diseño. Además de generar un ecosistema coherente y consistente en todos los productos digitales de Repsol, el sistema de diseño ofrece herramientas para ser más eficientes a la hora de desarrollar y facilitar el mantenimiento y la evolución de los productos.
Las librerías técnicas de Oxygen te ayudarán a implementar el sistema de diseño en cualquier aplicación web desarrollada sobre Vue. En ellas se ponen a disposición las herramientas necesarias para construir una interfaz gráfica acorde con nuestros estándares de diseño, permitiendo un desarrollo más ágil y rápido.
Las librerías técnicas de Oxygen te ayudarán a implementar el sistema de diseño en cualquier aplicación web desarrollada sobre Vue. En ellas se ponen a disposición las herramientas necesarias para construir una interfaz gráfica acorde con nuestros estándares de diseño, permitiendo un desarrollo más ágil y rápido.
2: Librerías técnicas
Actualmente, contamos con dos librerías que sirven para implementar los componentes y estilos que se entregan desde diseño.
RDS - Foundations
Librería CSS (SCSS) con todo lo relativo a foundations, donde puedes encontrar las clases y tokens referentes para implementar colores, espaciados, fuentes, sombras, márgenes, etc.
RDS - VUE3
Un UI-Kit en VUE3 con los componentes básicos definidos en el diseño, configurables y listos para utilizarse, con comportamiento responsive e interacción incluida.
Recursos
Foundations
Librería que contiene todos los estilos específicos del sistema de diseño, listos para utilizar. Cuenta con implementación en desarrollo.
Librerías
Los componentes, estilos y recursos de diseño que se utilizan para mantener la consistencia visual y la eficiencia en el proceso de diseño.
Assets
Todos aquellos recursos que complementan las librerías de estilos y componentes. Agnósticos al versionado y transversales a todos los productos.
Contacto
Descubre cómo Oxygen te ayudará a crear mejores productos y a generar nuevos modelos de relación y hábitos energéticos entre nuestros clientes.