Screens für drei Rollen
Zusammengesetzte Ansichten aus Foundations und Components — je Nutzergruppe ein eigener Kontext, dieselbe Sprache.
Endkund:innen
Feed, Produktseite, Checkout
Mobile-first. Große Bildflächen, ein Primary-Button pro Screen, Kategorien als Badges. Der Marktplatz als kuratierter Feed.
Shop-Betreiber:innen
Produktliste, Analytics, Shop-Profil
Tabellen mit Mono-Ziffern, Toggles für Sichtbarkeit, Inputs mit Inline-Validierung. Raum für eigenes Branding im Profil.
Plattform-Admin
Übersicht, Bestellungen, Content
Dichte Layouts, Statusbadges, Filterleisten. Plattformweiter Überblick und Kontrolle.
Aufbau
- Jeder Screen beginnt mit Eyebrow (Mono) und Headline/L — die Orientierung ist überall dieselbe.
- Sektionen sind 96px hoch gepolstert, Karten stehen im 3-Spalten-Raster mit 24px Gutter.
- Dunkle Flächen rahmen (Hero, Footer, Card-Visual), helle Flächen tragen Inhalt.
- Screens werden in Figma auf Seite „Patterns“ gepflegt und hier nach Freigabe dokumentiert.