import{_ as i}from"./plugin-vue_export-helper-DlAUqK2U.js";import{c as s,a,o as n}from"./app-h9l50wZ_.js";const l="/assets/customize-a-KtvxVU.png",t={};function r(d,e){return n(),s("div",null,e[0]||(e[0]=[a('

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

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

',25)]))}const c=i(t,[["render",r],["__file","index.html.vue"]]),g=JSON.parse('{"path":"/styleguide/","title":"Human-Connection Styleguide","lang":"en-US","frontmatter":{},"headers":[{"level":2,"title":"Project setup","slug":"project-setup","link":"#project-setup","children":[]},{"level":2,"title":"Developing","slug":"developing","link":"#developing","children":[]},{"level":2,"title":"Building","slug":"building","link":"#building","children":[{"level":3,"title":"Living styleguide","slug":"living-styleguide","link":"#living-styleguide","children":[]},{"level":3,"title":"Library","slug":"library","link":"#library","children":[]}]},{"level":2,"title":"Helper","slug":"helper","link":"#helper","children":[{"level":3,"title":"Serve living styleguide locally","slug":"serve-living-styleguide-locally","link":"#serve-living-styleguide-locally","children":[]},{"level":3,"title":"Lints and fixes files","slug":"lints-and-fixes-files","link":"#lints-and-fixes-files","children":[]}]}],"git":{"createdTime":1775351521000,"updatedTime":1775351521000,"contributors":[{"name":"dependabot[bot]","email":"49699333+dependabot[bot]@users.noreply.github.com","commits":1}]},"readingTime":{"minutes":0.48,"words":143},"filePathRelative":"styleguide/README.md","localizedDate":"April 5, 2026","excerpt":"\\n

$\\"Build$ \\n $\\"npm\\"$

"}');export{c as comp,g as data};