01
Sidebar Classic
Fixe Gradient-Sidebar links, Top-Bar mit Suche, KPI-Row und Aktivitäts-Tabelle. Vertraute SaaS-Anatomie.
Portal · Drafts
Portal · Drafts
Jede Variante steht für sich — vom klassischen Sidebar-Layout bis zur Floating-Dock-Erkundung. Wähle aus, was zur Geschichte passt.
Klicke auf eine Karte, um die jeweilige Variante in voller Größe zu öffnen.
Fixe Gradient-Sidebar links, Top-Bar mit Suche, KPI-Row und Aktivitäts-Tabelle. Vertraute SaaS-Anatomie.
Horizontale Pill-Navigation oben, kein Sidebar. Asymmetrisches Bento mit großer Hero-Card und KPIs. Linear/Notion-Vibe.
Schmale Top-Pill-Navigation, dann ein vollflächiges Bento-Grid in unterschiedlichen Card-Größen. Apple-Showcase-Vibe.
Großzügige Gradient-Hero oben mit Greeting & Stats, darunter Content-Stream aus Karten. Landing-Hybrid mit Backend-DNA.
Schmale Icon-Rail links, Content-Mitte, Activity-Feed-Panel rechts. Workspace-Layout wie Linear oder ein Messenger.
Schmale zentrierte Spalte mit gestapelten Karten — magazin-artig, ruhig, lesefokussiert. Slim Top-Bar mit Hauptnavigation.
Glassmorphismus-Floating-Nav, parallaxer Hero, editorial-asymmetrisches Grid. Reveal-on-Scroll, animierte KPIs, schwebende Gradient-Orbs.
40/60-Split mit Inbox-Liste links und Detail-Panel rechts — wie Hey oder Superhuman. Selection-States, smooth Panel-Slides, Tastatur-Shortcuts.
macOS-Dock-Navigation am unteren Rand, große Canvas mit animiertem SVG-Chart, ⌘K-Command-Palette. Minimal, fokussiert, fast meditativ.
Kanban-Board als Workspace, oben Nav, unten persistent Status-Bar mit Live-Indikatoren und Quick-Actions. Wie ein Creative-Tool (Figma/VS Code).