# Designsystem

> Das gemeinsame Vokabular einer Produkt-UI — Tokens, Komponenten und Regeln —, damit jeder neue Screen aussieht, als hätte dasselbe Produkt ihn gebaut.

Ohne es ist jeder Screen eine Verhandlung: das Padding dieses Modals, das Blau jenes Buttons, drei Schriftgrößen, wo eine gemeint war. Ein Designsystem entscheidet einmal — Spacing-Tokens, Typoskala, die Button-Varianten — und jeder folgende Screen erbt die Entscheidungen statt sie neu zu verhandeln.

Die Rendite zeigt sich in Tempo und Konsistenz: Neue Seiten werden aus Teilen zusammengesetzt, Redesigns fassen Tokens an statt Dateien, und das Produkt wirkt autorisiert. Die Falle ist Maßstäblichkeit — eine Fünf-Seiten-Site braucht fünf Entscheidungen und ein Stylesheet, keine dokumentierte Komponentenbibliothek.

## Verwandte Begriffe

- https://dfieldsolutions.com/de/glossar/wcag.md
- https://dfieldsolutions.com/de/glossar/semantic-html.md
- https://dfieldsolutions.com/de/glossar/core-web-vitals.md

---

Source: https://dfieldsolutions.com/de/glossar/design-system
DField Solutions — Dunakeszi, Hungary — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.com/en/contact