# Design Tokens: a Small Design System

Design tokens are a short list of custom properties for a site's colors, type sizes, spacing, corners and shadows, named by their job, so every component is built from the same decisions and one change restyles them all.

![Cheat sheet: Design Tokens: a Small Design System](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/632f2c6f10a44a3181966a6ddb651d85.webp)

- Category: CSS
- Level: Journeyman
- Tags: @property, CSS, Current color, Design token, Typed custom property
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-design-tokens-cheat-sheet