Spring GDS 25. Jubiläum
Ein Logistikunternehmen, das in 190 Länder versendet, hat etwas gebaut, um an sich selbst zu liefern.
Design Tokens
Was sind Design Tokens?
Design Tokens sind benannte Werte, die visuelle Entscheidungen speichern. Statt einen Hex-Code wie #1A73E8 an fünfzig Stellen zu schreiben, definieren Sie color-primary einmal und verweisen überall darauf. Farben, Abstände, Schriftgrößen, Eckenradien, Schatten, Animationszeiten. Jeder wird zu einer kleinen, wiederverwendbaren Variablen, auf die Designer und Entwickler gleichermaßen zeigen.
Die Kraft liegt in der Indirektion. Weil ein Token ein Name ist, kein roher Wert, aktualisiert das Ändern des Werts an einer Stelle jeden Screen, der ihn nutzt. Tokens ermöglichen auch Theming mit fast keiner zusätzlichen Arbeit: Tauschen Sie die Werte hinter Ihren Token-Namen, und ein Produkt wechselt von Hell zu Dunkel oder von einer Marke zur anderen, ohne das Layout anzufassen. Tokens sitzen meist im Fundament eines Design Systems und speisen die Komponentenbibliothek darüber. Wenn ein Unternehmen ein Rebranding macht und sich sein Blau verschiebt, ändert ein tokenisiertes Produkt eine Definition, statt Tausende Dateien zu durchsuchen. Ein Token wie spacing-md bedeutet, dass ein Designer und ein Entwickler endlich von genau denselben acht Pixeln sprechen.
Tokens werden typischerweise in Stufen strukturiert. Primitive Tokens halten rohe Werte. Semantische Tokens geben ihnen Bedeutung, etwa color-text-error. Komponenten-Tokens ordnen Bedeutung bestimmten Teilen zu. Diese Schichtung lässt ein großes Produkt konsistent bleiben und trotzdem leicht änderbar sein.
Design Tokens bei Dallonses
Wir bauen Design Tokens als Rückgrat der Design Systems, die wir ausliefern. Tokens sind der Ort, an dem Design und Technik endlich dieselbe Sprache sprechen, damit ein im Design definierter Wert ohne Übersetzungsverlust im Code landet. Das ist der Unterschied zwischen einem System, das mit der Zeit auseinanderdriftet, und einem, das kohärent bleibt, während es skaliert.
Für globale Marken mit mehreren Produkten und Themes machen Tokens Rebrandings und Dark Mode zu einer Konfigurationsänderung statt einem Neubau. Wir definieren die Token-Struktur mit Ihrem Team, verdrahten sie in Ihr UI-Design und Ihre Codebasis und dokumentieren sie, damit Ihre Entwickler sie lange nach unserem Weggang erweitern können. Das System bleibt Ihres.
Wollen Sie ein Design System, das sich an einer Stelle ändert, nicht an fünfzig? Richten wir Ihre Tokens ein.
Verwandte Dienstleistungen
Verwandte Arbeiten
Vizitio
Eine Marke in ein funktionierendes Geschäft verwandeln.
Access Ticket
Eine halbe Million Menschen. Eine App. Null Chaos.
Bereit zum Zusammenarbeiten?
Termin buchen
