Band 4.1
Design System 2.0
Ein Erscheinungsbild über alle Portale: dieselben Tokens, dieselben Bausteine, dieselbe Sprache – vom Gasttisch bis zum Developer Hub.
Lebende Beispiele
Diese Bausteine sind der Standard. Neue Oberflächen werden daraus zusammengesetzt.
Aktionen
Eine Primäraktion pro Screen. Icon-Buttons brauchen immer ein aria-label.
Formular
Wir schicken die Rechnung an diese Adresse.
Zustände
Leerer Zustand
Noch keine Bestellung
Sobald ein Gast bestellt, erscheint sie hier in Echtzeit.
Bibliothek
28 dokumentierte Bausteine
Button
stabilEine Primaeraktion pro Screen.
Icon Button
stabilNur mit aria-label.
Floating Action
stabilMobiler Schnellzugriff.
Card
stabilStandardcontainer, Radius card.
Section
stabilTitel + Hinweis + Inhalt.
Tabs
stabilBereichswechsel innerhalb einer Seite.
Breadcrumb
stabilTiefe Backoffice-Pfade.
Stepper
stabilMehrstufige Prozesse.
Timeline
stabilBestellverlauf, Audit.
Table
stabilSortieren, Filtern, Suche, Export.
Badge
stabilStatus immer mit Text.
Avatar
stabilGast, Team, Restaurant.
Dialog
stabilEntscheidungen mit Fokusfalle.
Drawer
stabilMobile Detailansichten.
Sheet
stabilWarenkorb, Filter.
Toast
stabilKurze Rueckmeldung, nie kritisch.
Dropdown
stabilSekundaere Aktionen.
Input
stabilLabel, Hilfetext, Fehler.
Select
stabilFeste Auswahl.
Checkbox
stabilMehrfachauswahl.
Radio
stabilGenau eine Option.
Switch
stabilSofort wirksame Einstellung.
Search
stabilGlobale und lokale Suche.
Calendar
stabilReservierung, Zeitraum.
Progress
stabilFortschritt mit Zahl.
Loading
stabilSkeleton statt Spinner.
Empty State
stabilErklaeren und anbieten.
Error State
stabilUrsache, Folge, Ausweg.