Typografie
Clash Grotesk
Display / Headlines — 600-700 Weight
Switzer
Body / UI — 300-500 Weight
Hero Title — 28px
Section Heading — 20px
Body Text — 15px
Label / Caption — 12px
UI-Komponenten
Cards: 8px radius, 1px border #2A2A2A, kein Shadow. Flat und ruhig.
Buttons: Primär = Sand-Akzent mit dunklem Text. Sekundär = transparent mit Border. Full-width auf Mobile. 48px Mindesthöhe.
Navigation: Bottom Tab Bar, 5 Items. Icon + Label. Aktiv = Sand-Akzent. Kein bunte Icons.
Bildstil: Leicht filmisch/grainy, entsättigt, Fokus auf Stimmung statt Perfektion. Keine HDR-Überbearbeitung.
Radius: 0px für Full-Width-Elemente, 8px für Cards, 20px für Buttons/Pills.
UX-Prinzipien
1. Content First — große Bilder, wenig Chrome
2. Touch Targets min. 48×48px
3. Max. 2 Tap-Ebenen bis zur Information
4. Offline-Fähig — gecachte Inhalte
5. Kein Onboarding — sofort im Erlebnis
6. Progressive Disclosure — nur zeigen was nötig ist