# Docs

- [Getting started](/docs): KDS stores Kinobi's design system as design tokens and generates kds classes and --kds-* variables from them.

- **Tokens**
- [Colour](/docs/color): Semantic colours by family and role, and the 50–950 scale they are drawn from. Use them with bg, text, border, outline, fill, stroke, caret, accent and decoration.
- [Typography](/docs/typography): Text styles as kds:text-* classes, from headers to buttons.
- [Spacing](/docs/spacing): The spacing scale and the margin, padding and gap utilities built on it.
- [Radius](/docs/radius): Utilities for controlling the border radius of an element, as kds:rounded-* classes.
- [Shadow](/docs/shadow): Elevations, as kds:shadow-* classes.

- **Updates**
- [Changelog](/docs/changelog): Changes to KDS, newest first. Each version is named by its release date.