Un sistema de diseño fácil de usar, que tiene como objetivo presentar los elementos básicos de código abierto para cada una de nuestras herramientas a travez del lenguaje visual. Permitiendo así agrupar los principios esenciales de la interfaz y facilitar el proceso de desarrollos de nuestros productos.

¿Como?

La idea con este sistema es optimizar el tiempo de construcción de nuestras herramientas a través de los siguientes aspectos:

Fácil y rápido de usar.
Simple de mantener.
Coincidencia del flujo actual de trabajo.
Flexible para usar en una variedad de proyectos.

Requerimientos

Requisitos para satisfacer las necesidades:

Se utilizo [Jekyll] (https: //jekyll.rb) como plantilla inicial.
Se utilizaran HTML / CSS / JS para construir un componente web, plantilla, etc. (se llamaran “patrones”)
Se agregaran automáticamente todos los patrones en una ‘Hoja de ruta’.
Se habilitara documentación simple para desarrolladores, diseñadores y propietarios de productos.
Se proporcionara una guía de estilo o ‘carcasa’ que sea fácil de personalizar.

Ayuda

Para comenzar a usar esta herramienta, puedes consultar estas páginas útiles:

Leer principios del diseño
Configuración e instalación info
Aprenda comó agregar patrones, y documentación
Entienda los patrones madurez escala
Ver todos los patrones en el Roadmap

This tool was originally published in the public domain as ‘Living Styleguide’ on 12 September 2016 by

It’s name was changed to ‘Jekyll Style Guide’ in 2018, and it’s license was updated.

It was last updated on May 6, 2025 by .

This tool has been tested for Google Chrome (Mac) v67+ and iOS Safari. Use with Caution.

License

This tool is free for everyone to use, and modify, but don’t try and sell it. Available under Apache license version 2.0.

It was built using Jekyll, it’s design principle is based on the US Design Standards, and the css architecture is based on the Simple SCSS Playbook.

View License File

A few parts of this project are not in the public domain:

Material Icons font files included in the styleguide/fonts directory were extracted from Github.
HK Grotesk font files included in the styleguide/fonts directory were extracted from Hanken, copyright Alfredo Marco Pradil and Stefan Peev.
jQuery [jquery-2.1.4.min.js] was extracted from jQuery, copyright The jQuery Foundation.
Roboto font files in fonts/roboto were extracted from Google Fonts, copyright Christian Robertson.
Normalize [_normalize.scss] was extrcted from Normalize.css, copyright Nicolas Gallagher and Jonathan Neal.

Please check with the respective rights holders for license details.