https://github.com/human-connection/nitro-styleguide
Human-Connection Styleguide
https://github.com/human-connection/nitro-styleguide
design-system styleguide
Last synced: 3 days ago
JSON representation
Human-Connection Styleguide
- Host: GitHub
- URL: https://github.com/human-connection/nitro-styleguide
- Owner: Human-Connection
- Created: 2019-02-12T13:36:02.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-08-03T04:21:01.000Z (over 3 years ago)
- Last Synced: 2025-03-30T15:46:58.375Z (about 1 month ago)
- Topics: design-system, styleguide
- Language: CSS
- Homepage: https://styleguide.human-connection.org
- Size: 21.4 MB
- Stars: 8
- Watchers: 11
- Forks: 5
- Open Issues: 45
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Human-Connection Styleguide
[](https://travis-ci.com/Human-Connection/Nitro-Styleguide)
[](https://www.npmjs.com/package/@human-connection/styleguide)
CION is a Design System build primary for Vue applications. You can use it as a starting point for building your own Design System.
The system utilizes design tokens, a living styleguide with integrated code playgrounds and reusable components for common UI tasks.
Living styleguide demo: https://styleguide.human-connection.org
Landing page demo: https://cion.visualjerk.de
Integrate it in your application: [Quick Start](https://github.com/visualjerk/vue-cion-design-system/wiki/Quick-Start)
[](https://github.com/visualjerk/vue-cion-design-system/raw/master/preview/customize.png)
## Project setup
```
yarn install
```
## Developing
Compiles and hot-reloads living styleguide
```
yarn dev
```
## Building
### Living styleguide
Compiles living styleguide to `./docs`
```
yarn build
```
### Library
Compiles design system as a library to `./dist`
```
yarn build:lib
```
## Helper
### Serve living styleguide locally
```
yarn serve
```
### Lints and fixes files
```
yarn lint
```