# Design-Tokens

> Design-Tokens benennen die Rollen deines Erscheinungsbilds — Hintergrund, Markenfarbe, Schrift. Warum eine Maschine ohne sie deine Marke nur erraten kann.

Synonyms: Design Token, Gestaltungstoken, DTCG

Design-Tokens sind die benannten Bausteine eines Erscheinungsbilds. Statt eines Farbwerts, der irgendwo im Stylesheet steht, wird festgehalten, welche **Rolle** dieser Wert spielt: Hintergrund, Vordergrund, Markenfarbe, Überschriftenschrift.

Der Unterschied ist entscheidend für Maschinen. Ein Mensch sieht auf einer Website sofort, welches Grün die Marke trägt. Ein Programm sieht nur eine Liste von Werten ohne Bedeutung — es sei denn, die Rollen sind ausdrücklich benannt.

Für die Veröffentlichung gibt es ein Format: den Entwurf der **Design Tokens Community Group** (DTCG). Darin ist eine Farbe kein Hex-String, sondern ein Objekt mit Farbraum und Komponenten. Eine solche Datei kann ein Agent lesen, ohne das Stylesheet zu interpretieren.

Wichtig zur Einordnung: Kein Suchdienst bewertet solche Dateien heute. Ihr Nutzen liegt darin, dass ein System, das einen Betrieb *darstellen* soll, eine belastbare Quelle für Farbe und Schrift hat — statt zu raten.

Wie das in der Praxis aussieht — und was eine Sonde über 18 Designsystem-Domains ergab — steht in [Warum eine KI deine Marke nicht darstellen kann](https://btlabs.dev/de/posts/marke-maschinenlesbar-design-tokens).

---
Source: https://btlabs.dev/de/glossary/design-tokens
Last-Modified: 2026-09-25T15:07:26.033Z
Languages: [it](https://btlabs.dev/llms/it/glossary/design-token) · [en](https://btlabs.dev/llms/en/glossary/design-tokens)
See also: [llms.txt](https://btlabs.dev/llms.txt) · [ai.txt (Policy)](https://btlabs.dev/ai.txt) · [identity.json](https://btlabs.dev/identity.json)