Reader Dashboard — B.2 · „Sanft & Warm"

Wärmere Iteration von Konzept B. Der Header-Balken erhält einen Sand-Hintergrund (#FDFAF5) statt Weiß — dies erzeugt eine sanfte Abgrenzung zur Begrüßungszone ohne harte Kante. Statistiken erscheinen als abgerundete Pill-Kacheln. Jede Personenkachel bekommt einen schmalen farbigen Top-Akzentstreifen. Die Story-Spalte zeigt ein zusätzliches Kategorie-Label. Spalten 3:2 — Dokumente etwas breiter.

B.2 · Entwurf
Header-Bg
Sand-warm #FDFAF5 — Begrüßungszone spürbar abgegrenzt
Stats-Form
Abgerundete Pill-Kacheln (border-radius: 20 px)
Personen
3 px Top-Akzentstreifen je Kachel (Avatarfarbe)
Spaltenbreite
3 : 2 — Dokumente · Geschichten
Geschichten
Label „Geschichte" + kursiver Titel + Auszug
📐 Mockup-Skalierung — alle Schriftgrößen, Abstände und Höhen sind auf ca. 55 % der Implementierungswerte skaliert.
1 Desktop · READ_ALL — ohne BLOG_WRITE
Vollansicht ≥ 1024 px
familienarchiv.local /
Startseite Dokumente Personen Geschichten
BK
Guten Abend
Herzlich willkommen, Brigitte.
847 Dokumente 94 Personen 12 Geschichten

Zuletzt aktualisiert

Alle Dokumente
Brief von Ernst an Käthe, März 1923
von Käthe Raddatz
vor 2 Tagen
Heiratsurkunde Raddatz-Müller, 1898
—
vor 4 Tagen
Familienfoto, Sommer 1928
von Ernst Raddatz
vor 1 Woche
Taufregister Heinrich Weber, 1902
—
vor 2 Wo.
Postkarte aus Berlin, 1930
von Frieda Müller
vor 3 Wo.

Geschichten

Alle Geschichten
Geschichte
Die Reise nach Berlin
Im Frühjahr 1921 bestieg Ernst Raddatz erstmals den Zug nach Berlin, um Arbeit in der aufstrebenden Metropole zu finden …
vor 3 Tagen
Geschichte
Sommer 1934 in Köln
Die Sommerferien 1934 verbrachte die Familie Raddatz bei Verwandten in Köln — die letzte unbeschwerte Reise …
vor 2 Wochen
Geschichte
Briefe aus dem Krieg
Zwischen 1914 und 1918 schrieb Ernst Raddatz insgesamt 47 Briefe aus dem Feld an seine Frau Käthe …
vor 1 Monat
Header-Balken — Sandfarben + Pill-Stats
  • Hintergrund #FDFAF5 — kaum wahrnehmbar wärmer als Weiß, aber spürbar verschieden
  • Stats als Pill-Kacheln (border-radius: 20 px) — weicher, weniger „Tabellen"-Charakter
  • Pills sind vollständige <a>-Elemente; große Touch-Target auch auf Tablet
Personen-Kacheln — Top-Akzentstreifen
  • 3 px hoher Streifen oben: gleiche Farbe wie Avatar — verbindet Streifen und Bild visuell
  • Erzeugt ein „Lesezeichen"-Gefühl: jede Person hat ihre eigene Erkennungsfarbe
  • Umsetzung: border-top: 3px solid [avatarfarbe] auf .PCARD — kein extra Element nötig
3:2 Spaltenbreite
  • Dokumente bekommen mehr Platz (3) — als primäres Archiv-Element gewichtet
  • Geschichten-Spalte ist schmaler, aber durch das Story-Label visuell nicht schwächer
  • Auf < md stacken beide Spalten vertikal (wie alle anderen Varianten)
Stärken dieser Iteration
  • Warmster Charakter der drei B-Iterationen — Archiv fühlt sich familiärer an
  • Top-Streifen gibt Personenkacheln Persönlichkeit ohne Foto oder mehr Daten
  • Pill-Stats wirken weniger formal — besser für nicht-technische Leser
2 Variante · BLOG_WRITE — Zone 3 „Meine Entwürfe"
READ_ALL + BLOG_WRITE
familienarchiv.local /
StartseiteDokumentePersonenGeschichten
MR
Guten Morgen
Herzlich willkommen, Marcel.
847Dokumente 94Personen 12Geschichten

Meine Entwürfe

Onkel Friedrichs Wanderjahre
Entwurf · zuletzt bearbeitet vor 1 Tag
Die Raddatz-Kinder
Entwurf · zuletzt bearbeitet vor 5 Tagen

Zuletzt aktualisiert

Alle Dokumente
Brief von Ernst an Käthe, März 1923
von Käthe Raddatz
vor 2 Tagen
Heiratsurkunde Raddatz-Müller, 1898
—
vor 4 Tagen
+ 3 weitere …

Geschichten

Alle
Geschichte
Die Reise nach Berlin
Im Frühjahr 1921 bestieg Ernst Raddatz erstmals den Zug nach Berlin …
vor 3 Tagen
Geschichte
Sommer 1934 in Köln
Die Sommerferien 1934 verbrachte die Familie Raddatz bei Verwandten …
vor 2 Wochen
Entwürfe-Card — Sand-Hintergrund + Mint-Dot
  • Card-Hintergrund #FDFAF5 — gleich wie der Header-Balken: Entwürfe fühlen sich als Teil des „eigenen Bereichs" an
  • Mint-Dot vor dem Titel statt Border — subtiler, luftiger Akzent
  • Kontext: BLOG_WRITE-Nutzer schreibt Geschichten → sand-getönte Karte passt zur redaktionellen Rolle