Design Tokens für kleine Unternehmen: ein Corporate Design, das mitwächst

Große Designsysteme kennen Dutzende Kategorien. Für ein kleines Unternehmen reichen drei und mehr macht die Sache nur unübersichtlich.

Das ist überschaubar. Rund dreißig benannte Werte decken alles ab, was auf einer normalen Unter­neh­mens­web­site vorkommt.

Die Versuchung, mehr anzulegen, ist trotzdem groß. Jede zusätzliche Stufe ist eine weitere Entscheidung, die jemand treffen muss. Genau das wollte man ja vermeiden.

Drei Dinge. Alle drei sind unspektakulär genug, dass sie in keinem Angebot auftauchen würden.

Erstens ist der Abstand zwischen zwei Abschnitten überall gleich. Nicht ungefähr gleich, sondern identisch, weil er aus derselben Quelle kommt.

Zweitens dauert eine Änderung Minuten statt Stunden. Die Frage "können wir die Abstände etwas enger machen" ist danach keine Diskussion mehr, sondern ein Handgriff.

Der zweite Punkt hat einen Nebeneffekt, den ich unterschätzt hatte. Kleine Korrekturwünsche werden wieder besprechbar, weil sie keine Stunden mehr kosten.

Drittens fällt sofort auf, wenn jemand einen Wert von Hand einträgt. Was nicht aus der Skala kommt, sticht heraus und das ist ein eingebauter Qualitätstest.

Die Tokens leben zuerst auf der Website, weil sie dort technisch hingehören. Der Nutzen hört dort aber nicht auf.

In Präsen­ta­ti­ons­vor­lagen lassen sich dieselben Farben und Größen­ver­hält­nisse als Vorlagenstile hinterlegen. In Social-Media-Vorlagen genauso. Bei Druckvorlagen wird es ungenauer, weil Farbräume nicht identisch sind, aber die Verhältnisse bleiben übertragbar.

Wichtig ist die Reihenfolge. Erst die Skala festlegen, dann die Vorlagen bauen. Wer zuerst zwanzig Vorlagen anlegt und danach eine Skala einführt, macht die Arbeit zweimal.

Sie regeln Werte, keine Entscheidungen. Welche Schriftstufe eine Zwischen­über­schrift bekommt, steht nicht in der Skala, sondern muss in einer Regel oder in einer Komponente festgelegt sein.

Deshalb gehört über die Werte eine zweite Ebene: benannte Bausteine. Was ist eine Sektion, was ein Teaser, was eine Schaltfläche und welche Tokens verwendet jeder davon.

Ohne diese Ebene entstehen wieder Abweichungen, nur diesmal aus erlaubten Werten. Zwei Personen bauen denselben Teaser mit unterschiedlichen Stufen und beide haben sich an die Skala gehalten.

Für eine kleine Website reichen fünf bis acht solcher Bausteine. Man muss sie nicht programmieren, es genügt, sie einmal aufzuschreiben und zu bebildern.

Das klinge nach Aufwand für ein Unternehmen mit acht Mitarbeitenden. Verstehe ich, halte ich aber für falsch herum gerechnet.

Der Aufwand entsteht einmal und liegt bei einem halben bis einem Tag, wenn die Marke schon steht. Was danach entfällt, ist die ständige Kleinarbeit: nachfragen, welcher Wert stimmt, Abweichungen korrigieren, bei jedem neuen Format von vorn anfangen.

Gerade in kleinen Betrieben lohnt sich das, weil dort niemand eine Rolle hat, die das Aufräumen übernimmt. In großen Unternehmen gibt es diese Rolle, in kleinen macht es der Chef abends.