← Design Lab
01

Report — Tufte

Analyse · Auswertung · Daten

Für dichte Daten, Tabellen, Metriken. Weißer Hintergrund, Zahlen dominant, kein Schnörkel.

Live Preview
Wöchentlicher Bericht · KW 21
Metrik Wert Trend
Erledigte Aufgaben 47 ↑ +12%
Fehlerrate 8.3% ↓ kritisch
Ø Reaktionszeit 2.1 s ↑ besser
Aktive Sanchos 5 → stabil
02

Picker — McCandless

Auswahl · Vergleich · Entscheidung

Für Optionen die nebeneinander stehen. Große Karten, klarer Hover- und Auswahl-State.

Live Preview
🔵
Option A
Schnell, einfach, für den Alltag
🟢
Option B
Ausgewogen, empfohlen für die meisten Fälle
🟡
Option C
Speziell, nur wenn nötig
03

Dialog — Eingabe

Formular · Einstellungen · Konfiguration

Für Eingabe, Setup und Konfig. Großes Logo oben, 44px Touch-Targets, mobil-first.

Live Preview
04

Dashboard — Status

Live-Übersicht · Status · Aktivität

Für mehrere parallele Status gleichzeitig. Wie home.html — dunkel, farbige Punkte, kompakt.

Live Preview
Watson
Koordiniert · aktiv
Builder-Sancho
Baut gerade …
Verifier
Wartet auf Input
Mail-Sancho
Schläft
05

Showcase — Bild-first

Galerie · Specimen · Demonstration

Wenn das Bild die Hauptaussage trägt. 16:9 Placeholder, Caption, Lightbox auf Klick.

Live Preview
Bild / Video · 16:9

Specimen #14 — Landschaft in der blauen Stunde. Kamera: ARRI ALEXA 35. Optik: Zeiss Master Prime 32mm T1.3. Klicke für Vollbild-Ansicht.

06

Feedback — Bewertung

Rating · Kommentar · Evaluation

Für Rating, Bewertung, Design-Feedback. Label links, drei Buttons rechts, Kommentar darunter.

Live Preview
Lesbarkeit
Klarheit der Aussage
Kommentar