# Warum eine KI deine Marke nicht darstellen kann

Thema: [Maschinenlesbare Website](https://btlabs.dev/de/ki-website)

> Deine Farben stehen im Stylesheet, dein Logo ist ein Bild. Für eine Maschine ist das kein Vokabular. Was 18 Designsystem-Domains zeigen — und was wir gebaut haben.

Eine KI kann deinen Text zitieren. Dein Aussehen kann sie nicht wiedergeben — sie kennt es nicht. Und das liegt nicht an der KI, sondern daran, dass die Marke der allermeisten Betriebe nirgends in einer Form steht, die eine Maschine lesen kann.

## Was eine Maschine von deiner Marke sieht

Deine Farben stehen im Stylesheet, als #1a1a1a zwischen tausend anderen Regeln. Deine Schrift steht in einer Schriftdatei ohne lesbaren Namen. Dein Logo ist ein Bild. Dein Markenhandbuch ist ein PDF, das jemand vor drei Jahren exportiert hat.

Für einen Menschen reicht das. Für eine Maschine ist es kein Vokabular, sondern Pixel und Formatierungsanweisungen. Eine KI, die deinen Betrieb in einer Antwort darstellen soll — in einer Karte, einer Zusammenfassung, einem generierten Vorschaubild —, hat keine Quelle für die Frage „welches Grün ist eigentlich euer Grün?". Also rät sie. Oder sie lässt es weg.

Das ist der Unterschied zwischen zitiert werden und dargestellt werden. Über das Erste haben wir oft geschrieben. Das Zweite ist offen.

## Wie verbreitet das Problem ist

Wir haben am 18. September 2026 eine Sonde gefahren: 18 Domains, die ein Designsystem als Produkt betreiben — also Häuser, bei denen Farben und Schriften nicht Beiwerk sind, sondern das Geschäft.

**Null von achtzehn** publizieren ihre [Design-Tokens](https://btlabs.dev/de/glossary/design-tokens) an einer auffindbaren Adresse.

Die Sonde hatte Positivkontrollen: Wir haben vorher geprüft, dass unser Prüfverfahren eine vorhandene Datei auch findet, und wir haben die übliche Falle umgangen, bei der ein Server auf jede erfundene Adresse etwas antwortet und damit jede Messung wertlos macht. Achtzehn ist eine kleine Stichprobe, und sie beweist keinen Zustand des Webs. Aber sie ist ein deutliches Signal: Selbst die Fachleute legen ihr Design nicht an eine Adresse.

## Es liegt nicht an der Größe

Der naheliegende Einwand wäre: zu groß, zu viel, nicht praktikabel. Er stimmt nicht.

Dieselben Tokens liegen längst auf npm. GitHubs @primer/primitives etwa — ein Paket von rund 55 Megabyte, entpackt. Die Daten existieren also und sind sogar veröffentlicht. Nur eben dort, wo Entwickler sie holen, wenn sie ein Interface bauen, und in einem Umfang, den niemand abruft, um eine einzelne Frage zu beantworten.

Unsere eigene Datei ist 6,3 Kilobyte groß. Das ist der Unterschied: nicht das Format, sondern die Auswahl. Ein Agent braucht nicht jedes Abstandsmaß und jede Zustandsvariante — er braucht die Rollen. Welche Farbe ist die Markenfarbe, welche der Hintergrund, welche Schrift die Überschrift.

## Der Fehler, den wir bei uns selbst gefunden haben

Bevor wir etwas veröffentlicht haben, haben wir unsere eigenen Werte gelesen — so, wie ein Agent sie lesen würde. Das Ergebnis war unangenehm.

Unsere beiden prominentesten Farbrollen, primary und accent, standen beide auf demselben hellen Grauton. Unser eigentliches Markenzeichen, ein Mint, lag unbenannt daneben — als interne Variable, die außerhalb unseres Stylesheets nichts bedeutet. Unsere Hausschrift verwies auf einen Platzhalter, der außerhalb der Seite ebenfalls bedeutungslos war.

Eine Maschine, die das gelesen hätte, hätte unsere Marke als grau beschrieben. Technisch korrekt, inhaltlich falsch. Und niemandem wäre es aufgefallen, weil die Seite im Browser ja richtig aussieht.

## Was wir daraus gemacht haben

Unter [btlabs.dev/design-tokens.json](https://btlabs.dev/design-tokens.json) unser Design-Vokabular: dreizehn Farbrollen in zwei Themes, vier Schriftrollen, im Format der Design Tokens Community Group (DTCG 2025.10).

Drei Entscheidungen dahinter, die wir für übertragbar halten:

**Öffentlich ist, was eine Rolle hat.** Was wir als Design-Vokabular deklarieren, wird ausgegeben. Was interne Umsetzung ist — Abstände, Übergänge, Hilfsvariablen —, bleibt drin. Eine Maschine soll die Rollen kennen, nicht unsere Implementierung.

**Werte werden aufgelöst, nicht kopiert.** Ein Verweis auf eine andere Variable wird berechnet, so wie der Browser es täte — einmal für jedes Theme. Deshalb steht dort jetzt brand mit #87fad4 im dunklen und #0a7a5b im hellen Modus, ohne dass jemand zwei Werte pflegen muss.

**Was sich nicht auflösen lässt, bleibt sichtbar stehen.** Es wird nicht stillschweigend geglättet. Eine Lücke, die man sieht, kann man schließen.

## Was das heute bringt — und was nicht

Ehrlich: Keine Suchmaschine bewertet das. Kein Ranking verändert sich dadurch. Wir kennen keinen Dienst, der diese Datei heute abruft und daraus etwas macht.

Es ist eine Wette. Sie lautet: Wenn Assistenten anfangen, Betriebe nicht nur zu nennen, sondern darzustellen — in Karten, Zusammenfassungen, generierten Ansichten —, dann werden sie eine Quelle für Farbe und Schrift brauchen. Wer dann eine hat, wird richtig dargestellt. Wer keine hat, wird geraten.

Wir halten die Wette für günstig, weil der Einsatz klein ist: Die Datei entsteht aus Werten, die ohnehin gepflegt werden. Sie kostet keine zusätzliche Pflege.

Design-Tokens sind dabei nur ein Teil einer größeren Frage: wie man eine Website überhaupt für zwei Leser gestaltet. Wie das in der Praxis aussieht, beschreibt Florian Berger in [Wir designen für Mensch und Maschine](https://btlabs.dev/de/posts/wir-designen-fuer-mensch-und-maschine).

## Was du tun kannst

Wenn du selbst nachsehen willst, wie deine Marke für eine Maschine aussieht: Öffne dein Stylesheet und frage dich, ob ein Fremder daraus ablesen könnte, welche Farbe deine Markenfarbe ist. Nicht welcher Wert wo steht — sondern welche Rolle er hat.

Wenn die Antwort „eigentlich nicht" lautet, bist du in guter Gesellschaft. Achtzehn von achtzehn.

---
Source: https://btlabs.dev/de/posts/marke-maschinenlesbar-design-tokens
Last-Modified: 2026-09-25T08:29:04.421Z
Languages: [it](https://btlabs.dev/llms/it/posts/marchio-leggibile-macchine-design-token) · [en](https://btlabs.dev/llms/en/posts/machine-readable-brand-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)