Reader Dashboard — B.3 · „Navy & Kontrast"

Markanteste Iteration von Konzept B. Der Header-Balken übernimmt die volle Navy-Farbe der App-Navigation (#002850) — Begrüßung in Weiß, Statistik-Zahlen in Mintgrün. Die Kacheln im Seitenbereich (weiß + Schatten) heben sich stark ab. Personen-Avatare sind größer (34 px) mit leichtem Schatten. Story-Zeilen haben einen fixen mintgrünen Akzentstreifen links.

B.3 · Entwurf
Header-Bg
Navy #002850 — gespiegelt aus App-Nav
Stats-Farbe
Mint #A6DAD8 auf Navy — maximaler Kontrast
Personen
Größerer Avatar (34 px) + Badge mit mint Bg
Geschichten
2 px Mint-Streifen links + 2-Zeilen-Auszug
Spaltenbreite
1 : 1 gleichwertig
📐 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.

Zuletzt aktualisiert

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

Geschichten

Alle Geschichten
Die Reise nach Berlin
Im Frühjahr 1921 bestieg Ernst Raddatz erstmals den Zug nach Berlin, um Arbeit in der aufstrebenden Metropole zu finden …
Sommer 1934 in Köln
Die Sommerferien 1934 verbrachte die Familie Raddatz bei Verwandten in Köln — die letzte unbeschwerte Reise vor dem Krieg …
Briefe aus dem Krieg
Zwischen 1914 und 1918 schrieb Ernst Raddatz insgesamt 47 Briefe aus dem Feld an seine Frau Käthe in der Heimat …
Header-Balken — Vollflächiges Navy
  • Gleiche Farbe (#002850) wie die App-Navigation direkt darüber
  • Effekt: Nav und Header verschmelzen optisch zu einer „Kopfzone" der Seite
  • Mint-Trennlinie (2 px, wie N-accent) trennt Header sauber vom Canvas
  • Begrüßungstext weiß → maximale Lesbarkeit, serif bleibt erhalten
Stats in Mint auf Navy
  • Zahlen in #A6DAD8 — gleiche Farbe wie N-accent und bestehende Mint-Akzente
  • Sehr hoher Kontrast; klar als Zahlen erkennbar ohne Tooltip oder Label-Hilfe
  • Labels in rgba(255,255,255,.4) — gedämpft, aber lesbar
Personen-Avatar — 34 px mit Schatten
  • 5 px größerer Avatar als B.1/B.2 — gibt Kacheln mehr „Gesicht"
  • Leichter box-shadow auf Avatar macht ihn dreidimensionaler, erinnert an Foto
  • Mint-Badge (#D4F0EE / #002850) statt einfachem Grau-Text für Dokumentzahl
Stärken dieser Iteration
  • Stärkste Markenpräsenz — Navy + Mint als Leitfarben treten klar hervor
  • Header-Zone kommuniziert „Willkommen im Archiv" — persönlicher Empfang
  • Mint-Akzent auf Story-Zeilen verankert den Geschichten-Bereich im Brand
2 Variante · BLOG_WRITE — Zone 3 „Meine Entwürfe"
READ_ALL + BLOG_WRITE
familienarchiv.local /
StartseiteDokumentePersonenGeschichten
MR
Guten Morgen
Herzlich willkommen, Marcel.

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
vor 2 Tagen
Heiratsurkunde Raddatz-Müller, 1898
vor 4 Tagen
+ 3 weitere …

Geschichten

Alle
Die Reise nach Berlin
Im Frühjahr 1921 bestieg Ernst Raddatz erstmals den Zug nach Berlin …
Sommer 1934 in Köln
Die Sommerferien 1934 verbrachte die Familie Raddatz bei Verwandten …
Entwürfe-Card — Navy Header auf Card
  • Card-Header in #002850 mit Mint-Label — spiegelt den Haupt-Header-Balken
  • Schafft visuelle Verbindung: „Meine Entwürfe" gehört zur Autorenrolle, die auch im Gruß adressiert wird
  • Mint-Dot pro Entwurf-Zeile als einziges farbiges Element im White-Bereich der Card