Skip to content

Ocelot-Social-Community/Old-Styleguide

 
 

Repository files navigation

Human-Connection Styleguide

Build Status npm

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

Screenshot

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

Packages

No packages published

Languages

  • CSS 53.7%
  • Vue 35.3%
  • JavaScript 10.0%
  • Other 1.0%