ecosys-design-system
v0.1.6
Published
ecosys AUTO UI é o Design System oficial da ecosys AUTO, criado para padronizar interfaces, acelerar desenvolvimento e garantir consistência visual entre todos os produtos da empresa.
Readme
🌿 ecosys AUTO UI — Design System
ecosys AUTO UI é o Design System oficial da ecosys AUTO, criado para padronizar interfaces, acelerar desenvolvimento e garantir consistência visual entre todos os produtos da empresa.
Este projeto fornece todos os elementos essenciais de interface, incluindo:
- Botões (Button)
- Inputs e campos de formulário
- Modais e diálogos
- Headers, Navbars e Sidebars
- Cards, Badges, Tooltips e Dropdowns
- Componentes de feedback (Alerts, Loaders)
- Tabelas e Paginações
- Layouts reutilizáveis (Templates)
- Páginas demonstrativas
Construído com:
- Nuxt 4
- Vue 3
- Storybook 10
- TypeScript
- Arquitetura Atomic Design
- Design Tokens (colors, typography, spacing, radii, shadows, etc.)
🚀 Início Rápido
📦 Comandos principais
# Instalar dependências
npm install
# Rodar o Storybook
npm run storybook
# Gerar build do Storybook (para deploy)
npm run build-storybook📥 Como clonar o projeto
git clone https://github.com/ecosysauto/ecosys-ui.git
⚠️ Aviso Importante
O clone deste repositório é indicado somente para contribuintes internos envolvidos no desenvolvimento e evolução do Design System.
🧩 Uso nos produtos oficiais
Nos sistemas da empresa, o Design System será consumido via NPM,
sem a necessidade de clonar o repositório ou acessar diretamente o código-fonte.🚧 Status Temporário
Este fluxo de clonagem existe apenas enquanto finalizamos a estrutura de:
- build do pacote,
- versionamento,
- e publicação oficial no NPM.
