# Clavisco Design System

> Canonical CSS design system for Clavisco apps. Static distribution + reference docs.

## Getting started

- [Agent instructions](https://cl-design-system.clavisco.com/agents.md): how to download and install the CSS
- [Version](https://cl-design-system.clavisco.com/version.json): current version
- [tokens.css](https://cl-design-system.clavisco.com/styles/latest/tokens.css)
- [components.css](https://cl-design-system.clavisco.com/styles/latest/components.css)

## Components

- [Buttons](https://cl-design-system.clavisco.com/components/buttons.md)
- [Inputs](https://cl-design-system.clavisco.com/components/inputs.md)
- [Badges](https://cl-design-system.clavisco.com/components/badges.md)
- [Cards](https://cl-design-system.clavisco.com/components/cards.md)
- [KPI / Stat](https://cl-design-system.clavisco.com/components/kpi.md)
- [Tables](https://cl-design-system.clavisco.com/components/tables.md)
- [Shell bar](https://cl-design-system.clavisco.com/components/shell-bar.md)
- [Side nav](https://cl-design-system.clavisco.com/components/side-nav.md)
- [Utility rail](https://cl-design-system.clavisco.com/components/rail.md)
- [Banners](https://cl-design-system.clavisco.com/components/banners.md)
- [Tabs](https://cl-design-system.clavisco.com/components/tabs.md)
- [Stepper](https://cl-design-system.clavisco.com/components/stepper.md)
- [List report](https://cl-design-system.clavisco.com/components/list-report.md)
- [Empty states](https://cl-design-system.clavisco.com/components/empty-states.md)

## Foundations

- [Tokens: palettes, type, spacing](https://cl-design-system.clavisco.com/foundations.md)