UI-Style-System-Board

Erstelle ein poliertes mehrseitiges UI-Style-System-Board für [PRODUCT_OR_BRAND]. Präsentiere das System als zusammenhängendes Set von Designseiten auf einer sauberen Vorschaufläche. Nutze ein striktes 8px-Abstandsraster, konsistente Ränder, präzise Ausrichtung und eine klare Hierarchie über jede Seite hinweg. Enthalten sein sollen ein Farb-Token-Panel mit primären, sekundären, neutralen, semantischen und Hintergrund-Swatches; eine Typografieskala mit Heading-, Body-, Caption- und Zahlenstilen; ein Komponentenblatt mit Buttons, Inputs, Cards, Navigation, Badges und Empty States; sowie zwei responsive Layoutbeispiele, die Desktop- und Mobile-Proportionen zeigen. Halte das System visuell konsistent, editierbar und geeignet für ein SaaS-Produkt, Creator-Tool, eine Ecommerce-Marke oder ein internes Dashboard. Nutze realistische Platzhaltertexte nur dort, wo sie nötig sind, und halte Labels kurz genug, um lesbar zu bleiben. Vermeide echte Logos, kopierte Designsysteme, Markennamen, die nicht vom Nutzer bereitgestellt wurden, verzerrte Typografie, inkonsistente Abstände, unpassende Schatten, dekorative Unordnung, nicht barrierefreie Kontraste und Komponentenbeispiele, die das Raster brechen.