# Design token

> A named value of the design, like a color, a spacing, or a radius, used instead of a hard-coded value.

Source: https://contributors.home-assistant.io/glossary/design-token/

- In code: `--ha-*`
- Also: design tokens, tokens

Tokens are CSS variables, like `--ha-space-4`. When everything uses them, the design can change in one place, and themes can override them.

## Related terms

- [Theme](https://contributors.home-assistant.io/glossary/theme/): A set of CSS variables that changes the colors, and some sizes, of the frontend.
- [Frontend](https://contributors.home-assistant.io/glossary/frontend/): The web interface of Home Assistant, built with Lit and TypeScript, in the home-assistant/frontend repository.