---
title: "Foundations"
description: "Colour roles, typography, spacing, shape, density, themes and language formatting: the tokens behind every component."
docs: "https://koten.codehive.com.co/tokens"
language: en
---

# Foundations

> Colour roles, typography, spacing, shape, density, themes and language formatting: the tokens behind every component.

## Sections

- [Colour](https://koten.codehive.com.co/tokens/color)
- [Typography](https://koten.codehive.com.co/tokens/typography)
- [Spacing](https://koten.codehive.com.co/tokens/spacing)
- [Shape and motion](https://koten.codehive.com.co/tokens/shape)
- [Density](https://koten.codehive.com.co/tokens/density)
- [Themes](https://koten.codehive.com.co/tokens/themes)
- [Language and format](https://koten.codehive.com.co/tokens/format)
- [Design system (Markdown)](https://koten.codehive.com.co/md/guides/design-system.md)