DESY

Sistema de Diseño del Gobierno de Aragón.

Cómo empezar

Tienes a tu disposición una serie de librerías que te ayudarán a desarrollar las aplicaciones con DESY. Es como un "precocinado" elaborado con los ingredientes y recetas obligatorias. Pero hay que aclarar que, si vas a construir productos digitales para el Gobierno de Aragón, seguir la coherencia visual e interactiva es obligatorio; sin embargo, el uso de estas librerías es opcional, aunque es recomendable utilizarlas.

Necesitarás desy-html. Es una librería NPM que sirve para construir la interfaz de usuario de las aplicaciones web del Gobierno de Aragón. Utiliza Gulp, PostCSS, Tailwind CSS y Nunjucks para renderizar componentes HTML+CSS+JS. Es útil para crear aplicaciones web ligeras o maquetas html.

Si necesitas una librería con más potencia para construir tu aplicación web, te recomendamos que mejor uses su versión traducida a Angular (desy-angular). Debes tener en cuenta que cada versión de esta librería traduce una versión concreta de desy-html, por lo que avanza a un ritmo más lento de lo que se desarrolla desy-html.

desy-html

desy-html es una librería en forma de paquete npm que sirve para construir la interfaz de usuario de las aplicaciones web del Gobierno de Aragón. Utiliza Gulp, PostCSS, Tailwind CSS y Nunjucks para renderizar componentes HTML+CSS+JS. Es útil para crear aplicaciones web ligeras o maquetas html.

Mostrar recursos sobre desy-html

desy-angular

desy-angular es una librería en forma de paquete npm que sirve para construir la interfaz de usuario de las aplicaciones web del Gobierno de Aragón con el framework Angular. Es la librería que se propone para ser utilizada para desarrollos finales de aplicaciones web.

Cada versión de esta librería apunta a una versión específica de desy-html y la tiene como dependencia. Normalmente, los parámetros de configuración y los diseños de componentes comienzan en desy-html y posteriormente se traducen a desy-angular. Aunque hay algunos parámetros de desy-angular propios, relativos a su implementación.

desy-html. enlaces directos

Descarga el proyecto starter como punto de partida a través de Bitbucket.

desy-html-starter

desy-angular. enlaces directos

Puedes probar los parámetros de cada componente en la demo interactiva o descargar el proyecto templates como punto de partida a través de Bitbucket.

Acceder a la demo desy-angular-templates Documentación