Band 4.1
Design System 2.0
Ein Erscheinungsbild über alle Portale: dieselben Tokens, dieselben Bausteine, dieselbe Sprache – vom Gasttisch bis zum Developer Hub.
Design Tokens
55
8 Gruppen
Bausteine
28
10 Textrollen
Icons
42
Lucide, Strichstärke 2
Themes freigabefähig
5/5
Kontrast automatisch geprüft
Haltung
Sechs Sätze, an denen jede Designentscheidung gemessen wird.
Ruhe vor Reiz
Eine Aussage pro Fläche. Was nicht hilft, verschwindet.
Gastfreundschaft zuerst
Sprache ist warm, Wege sind kurz, Fehler sind höflich.
Ein System, viele Rollen
Gast, Service, Küche und Inhaber teilen Tokens und Bausteine.
Zugänglich ohne Ausnahme
AA ist Mindestmass, Fokus ist sichtbar, Ziele sind 44 px gross.
Bewegung erklärt
Motion zeigt Herkunft und Ziel – und lässt sich abschalten.
Marke bleibt Marke
White Label verändert Farbe und Schrift, nie Struktur und Verhalten.
Umfang von Band 4.1
Jeder Punkt ist umgesetzt und hier nachlesbar.
Reichweite
Das System trägt die gesamte Plattform.
Portale mit Branding
8
Gleiche Tokens, eigener Auftritt
E-Mail-Vorlagen
8
Transaktion, Konto, System
Bereinigte Abweichungen
79
Aus dem Design-Audit
Geprüfte Bereiche
6
Gast bis Developer Hub
Responsives Verhalten
Dieselben Bausteine, drei Bühnen.
Mobil · bis 640 px
Eine Spalte, schwebende Navigation, Aktionen im Daumenbereich, 44 px Ziele.
Tablet · bis 1024 px
Zwei Spalten, Sheets statt Dialoge, Servicegeräte mit grösserer Textstufe.
Desktop · ab 1024 px
Bis vier Spalten, Seitenleiste, Tabellen mit Filter, Inhaltsbreite gedeckelt.