Kontext & Architektur-Ziele

Im Rahmen der POLIER-UX-Initiative implementieren wir eine dedizierte Showcase-Route (/brand-check). Diese Seite dient als interaktive Referenz für zentrale UI-Komponenten des Hausmeter Design-Systems, beginnend mit der EmptyState-Komponente.

Warum? Entwickler und Designer benötigen eine isolierte, leicht zugängliche Ansicht von UI-Zuständen. Ohne diese Route müssten Entwickler künstlich leere Datenbestände in der Datenbank erzeugen, um Empty-States zu testen.

Komponenten-Struktur

• Route: app/(app)/brand-check/page.tsx
• Auth-Guard: Nicht erforderlich (keine sensiblen Daten)
• Varianten:
  • EmptyState mit Icon
  • EmptyState ohne Icon
  • EmptyState mit CTA-Button

Technische Spezifikationen

• Abhängigkeiten: Nutzt bestehende UI-Komponenten (EmptyState, Button, Icons)
• Datenbank: Keine Tabellen betroffen (Pure Frontend)
• Services: Next.js Frontend (App Router)