• É uma API de design ou um Design System customizável a partir de tokens de design e modificações via contexto.
• Seu objetivo é a utilização de um código base padrão para projetos permitindo liberdade de customização de layouts
• As modificações via contexto visam um código mais enxuto, sem necessidade de modificar o html (Zen Garden).
• Em breve mais detalhes de uso

Dependências

• Npm
• Gulp

Instalação

Após baixar o projeto, rodar os comandos npm i e gulp

Como usar

Em breve

Tecnologias

• Sass
• PostCss
• Pug

Conceitos

• Design Atômico
• Design Agnóstico
• Único Design System para diversas marcas diferentes
• Componenentes inclusivos
• Zen Garden
• Mantenha os arquivos de um componente no mesmo lugar
• Design System customizado para cada cliente
• Padrões de exibição de conteúdo

Organização de arquivos

Todos os arquivos de componentes ficam juntos, usando o mesmo nome, mudando apenas a extensão conforme cada caso

src/_core/
src/baseComponents/buttons/
    |
    |_ buttons.scss
    |_ buttons.pug
    |_ buttons.js
    |_ buttons.spec.js
    |_ buttons.md
    |_ buttons.fixtures.json
src/components/
src/views/