NuNaBu · Bestehende App verfeinernVorschau Themes

NuNaBu · Bestehende App visuell verfeinern

Korrigierte Gestaltungsrichtung · 26. Oktober 2026

Interaktive Vorschau · Farbwelten · Ansichten

Maßstab ist die vorhandene App

Der vorherige Tagesjournal-Entwurf war zu weit von NuNaBu entfernt. Er hatte ein anderes Logo, neue Überschriften, andere Gruppierungen und zusätzliche Einstiege eingeführt. Diese Richtung ist verworfen.

Die korrigierte Vorschau übernimmt die Komposition der vorhandenen SwiftUI-App. Änderungen betreffen Material, Typografie, Abstände, Trennung und Farbwelten. Informationsarchitektur und Bedienkonzept werden nicht neu erfunden.

Was erhalten bleibt

Bereich	Vorhandene Struktur als Maßstab
Marke	Echtes NuNaBu-Logo aus den App-Assets, NuNaBu-Schriftzug, bestehende Emerald-/Slate-Grundfarben
Hauptnavigation	Home, Statistik, Log, KI – mit vorhandenen Bedeutungen und Einstiegen
Home-Kopfleiste	Plus-Menü links, NuNaBu mittig, Profil/Einstellungen rechts
Datumsnavigation	Vorheriger Tag, Datum/Kalender, nächster zulässiger Tag
Tagesenergie	Erfasste kcal links, Tagesziel rechts, Fortschritt, Zielgrundlage, Profilbezug und Dokumentation/Serie
Home-Bereiche	Alle 17 Bereiche, vorhandene Standardreihenfolge, persönliche Sortierung/Sichtbarkeit und Ein-/Ausklappen
Nährstoffe	Protein, Kohlenhydrate und Fett kompakt; Ballaststoffe, Zucker und Salz über die vorhandene zusätzliche Ebene
Mahlzeiten	Gruppen bleiben inline auf Home; Einträge öffnen den Portionseditor
Statistik	Verlauf, Körper, Verdauung, Ziele; Berichtsexport bleibt erreichbar
Log	Kompakt- und Detaildarstellung mit vorhandenen Eintragsarten
KI	Beschreibung, Foto und Sprache, Analyse, Kontrolle und Loggen
Einstellungen	Konto; Ziele/Ernährung; Übungen; Tagesprofile/Erinnerungen; App/KI; Zyklus; Abo/Rechtliches

Die 17 Home-Bereiche

Die Standardfolge wird aus HomeSectionId.defaultOrder übernommen:

Tagesenergie
Nährstoffe
Mahlzeiten
Wasser & Aktivität
Tagesziele
Medikamente
Stimmung & Wohlbefinden
Übungen
7-Tage-Bilanz
Schlaf
Empfehlungen
Fastenzeit
Profilkalender
Zyklus
Etappenziel
KI-Kontext
Tagesfeedback

Gespeicherte persönliche Reihenfolgen haben in einer nativen Umsetzung Vorrang. Die Vorschau verwendet die App-Standardfolge. Die Steuerelemente zum vollständigen Ein- oder Ausklappen gehören zur Designvorschau, nicht als zusätzlicher Pflichtschritt in die App.

Die visuelle Verfeinerung

Inhaltsflächen bleiben ruhig. Feine Trennlinien und sehr dezente Helligkeitsunterschiede trennen bestehende Bereiche.
Überschrift, Zusammenfassung und Chevron behalten die vorhandene Anordnung. Das Aufklappen zeigt den Inhalt direkt unter der Überschrift.
Symbole erhalten keine zusätzliche bunte Plakette.
Sekundärtexte werden gut lesbar gesetzt und dürfen umbrechen. Große Schrift führt zu höheren Zeilen und vertikalen Anordnungen.
Es gibt keine neuen redaktionellen Gruppen wie „Dein Rhythmus“ und keinen zusätzlichen großen Erfassungsbutton zwischen den bestehenden Bereichen.

Liquid Glass

Die bestehende iOS-26-Richtung bleibt maßgeblich: Datumssteuerung, Plus-/Profil-Steuerelemente, Tabbar und geeignete Aktionen verwenden native Glasmaterialien. Datenbereiche erhalten keine flächige Glasschicht.

Die Webvorschau nähert diese Materialien mit Transparenz, Unschärfe und Lichtkanten an. In SwiftUI werden dafür native TabView-/NavigationStack-Komponenten, Glasbuttonstile und GlassEffectContainer genutzt. Kontrast, reduzierte Transparenz und reduzierte Bewegung sind zu berücksichtigen. Apple: Materials

Themes derselben App

NuNaBu ist die Voreinstellung und verwendet die vorhandenen Markenfarben. Sand, Rosé, Nord und Graphit sind optionale Varianten mit identischer Struktur und Bedienung. Alle Varianten unterstützen hell/dunkel; die Darstellung kann dem System folgen.

Ein Theme ändert die neutralen Grundflächen, Textfarben und Interaktionsakzente gemeinsam. Datenbedeutungen und Statusfarben bleiben nachvollziehbar. Es werden keine wechselnden bunten Karten für jeden Bereich eingeführt. Apple: Color

Referenzen im Projekt

ios/NuNaBu/AppViews.swift: Hauptnavigation, NuNaBu-Kopfleiste und Profilzugang.
ios/NuNaBu/Views/Home/Modern/DashboardModernView.swift: Datumsnavigation, Plus-Menü und Bereichsinhalte.
ios/NuNaBu/Views/Home/Modern/ModernHomeTypes.swift: Namen, Symbole und Reihenfolge.
ios/NuNaBu/Views/Home/Modern/ModernHomeChrome.swift: Header und Aufklappverhalten.
ios/NuNaBu/Views/StatsView.swift: Verlauf/Körper/Verdauung/Ziele.
ios/NuNaBu/Views/LogView.swift: Kompakt-/Detaildarstellung.
ios/NuNaBu/Views/SettingsView.swift: Einstellungsstruktur.
ios/NuNaBu/Views/AppTheme.swift: bestehende Farbgrundlage.

Grenzen dieser Vorschau

Dies ist eine Webnachbildung mit lokalen Beispieldaten. Sie ist kein pixelgenauer Export der nativen App und noch keine abgeschlossene native Umsetzung. Die übernommenen Detailformulare demonstrieren die Wege; alle nativen Spezialfunktionen müssen für eine spätere Umsetzung einzeln am tatsächlichen Screen abgeglichen werden. Echte KI, HealthKit, Kamera, Mikrofon, Konten und Backendpersistenz sind nicht angeschlossen.