Dabei

UI-Mock v3 — Design-Overhaul. Indigo statt Coral, Dark-Mode-first, Glassmorphismus-Cards mit Violett-Glow, Kategorie-Gradients, SF Pro Rounded Headlines, custom Tab-Bar mit Gradient-Plus-Button.

v3 · 2026-05-14 · Phase 6 Design-Overhaul

Auth

Dark-Mode-first, Gradient-Wortmarke, Glow-Hintergrund.
9:41●●● ◓

Dabei

Spontane Pläne. Echte Menschen.
E-Mail
Telefon
Wir senden dir einen Code per E-Mail.
mara.k@beispiel.de
AuthView
9:42●●● ◓

Dabei

Spontane Pläne. Echte Menschen.
Code an mara.k@beispiel.de geschickt.
4
7
2
9
ZurückCode erneut senden
AuthView · OTP

Onboarding

Glow-Hintergrund, Gradient-Progress, Interesse-Chips mit Kategorie-Gradients.
9:43●●● ◓
Schritt 1 von 4Account

Wie sollen wir dich nennen?

Username eindeutig, Display-Name erscheint im Feed.
mara_k
✓ Verfügbar
Mara K.
Spontane Aperols, lange Wanderungen, schlechte Witze.
Onboarding · Account
9:45●●● ◓
Schritt 3 von 4Interessen

Was machst du gern?

Mindestens ein Interesse wählen.
Aperol
Bar
Brunch
Café
Festival
Gaming
Kino
Klettern
Konzerte
Padel
Tennis
Wandern
6 ausgewählt
Onboarding · Interessen
9:46●●● ◓
Schritt 4 von 4Sichtbarkeit

Standard für deine Pläne

Gilt als Default für jeden neuen Plan.
Zielgruppe
Alle
Freunde
Interessen
Sichtbarer Radius
10 km1–50 km
Max. Plätze
6 Plätze
−
+
Onboarding · Sichtbarkeit

Feed

Glassmorphismus-Cards mit Kategorie-Gradient-Icons und Violett-Glow-Shadow.
9:50●●● ◓
Dabei⊟
Aperol auf der Dachterrasse
Do, 19. Mai · 19:30
3 frei
MK
von Mara K.vor 5 Min
Schwabing · 1,2 km
Padel-Match heute 18:00
heute · 18:00
1 frei
TM
von Tobi M.vor 23 Min
München-Nord · 4,6 km
Spätsommer-Hike Tegernsee
Sa, 21. Mai · 09:00
5 frei
JH
von Jonas H.vor 2 Std
Tegernsee · 38 km
Jazz-Session im Untergeschoss
Fr, 20. Mai · 21:00
Voll
LS
von Lina S.vor 4 Std
Glockenbach · 800 m
Entdecken
Erkunden
1
Aktivität
Profil
Feed · Glass-Cards + custom TabBar
9:51●●● ◓
Dabei≡
3
1
5
Entdecken
Erkunden
Aktivität
Profil
Feed · Karte (dark map)

Plan erstellen & Detail

Kategorie-Gradient-Icon 80×80, Gradient-CTA, dark Sections.
9:52●●● ◓
AbbrechenPlan erstellenPosten
Titel
Aperol auf der Dachterrasse
Kategorie
Drinks
Sport
Essen
Outdoor
Ort
Dachterrasse Schwabing, München
Wann?
Donnerstag, 19. Mai19:30
Plätze
4 Plätze
−
+
Plan erstellen
9:55●●● ◓
PlanFertig
Aperol auf der Dachterrasse
Drinks
Aktiv
MK
Mara K.
Spontane Aperols, lange Wanderungen.
›
Donnerstag, 19. Mai · 19:30
Schwabing, München
1 von 4 belegt
Genaue Adresse wird 30 Min vor Start freigeschaltet.
Plan-Detail · Reveal gesperrt
19:06●●● ◓
PlanFertig
Aperol auf der Dachterrasse
Drinks
Aktiv
Genauer Ort

Occamstraße 14, 80802 München

Plan-Detail · Reveal freigeschaltet

Benachrichtigungen & Push

Foreground-Banner, Permission-Prompt, Anfragen mit Accept/Decline.
14:09●●● ◓
Dabei⊟
Aperol auf der Dachterrasse
Do · 19:30
3 frei
D
Neue Anfrage
Sophie K. möchte bei Aperol auf der Dachterrasse mitmachen 🙋
Entdecken
Erkunden
1
Aktivität
Profil
Push-Banner + Tab-Badge
10:02●●● ◓
Benachrichtigungen
Anfragen
SK
Sophie K.
für Aperol auf der Dachterrasse
vor 3 Min
„Hey Mara! Wäre supergerne dabei – kenn das Café und finde euren Vibe top!"
Antworten
Du bist dabei!
Deine Anfrage wurde angenommen.
vor 1 Std
Leider nicht dabei
Der Plan ist voll geworden.
gestern
Entdecken
Erkunden
Aktivität
Profil
Benachrichtigungen-Tab
9:47●●● ◓

Fast geschafft 🎉

Aktiviere Mitteilungen, damit du sofort erfährst, wenn jemand bei deinem Plan mitmachen will.
„Dabei" möchte dir Mitteilungen senden
Mitteilungen können Hinweise, Töne und App-Symbolkennzeichen umfassen.
Nicht erlauben
Erlauben
Push-Permission-Prompt

Erkunden & Profil

Dark Google-Maps mit Kategorie-Gradient-Markern, VenueSheet, Gradient-Profil.
11:15●●● ◓
Erkunden
Drinks
Sport
Essen
Outdoor
Entdecken
Erkunden
Aktivität
Profil
Explore · dark Map
11:16●●● ◓
Erkunden
Goldene Bar
Drinks
4,6 (1.2k) €€€ Geöffnet
Prinzregentenstraße 1, 80538 München
Entdecken
Erkunden
Aktivität
Profil
Explore · VenueSheet
10:05●●● ◓
Profil
MK
Mara K.
@mara_k
Spontane Aperols, lange Wanderungen,
schlechte Witze.
Interessen
AperolBrunchFestival KinoKonzertePadelWandern
Standard-Sichtbarkeit
ZielgruppeAlle
Radius10 km
Join-ModusAnfrage senden
Max. Plätze6
Entdecken
Erkunden
Aktivität
Profil
Profil
Dabei UI-Mock v3 — Phase-6-Design-Overhaul. Indigo #6633FF, Dark-Mode-first, Glassmorphismus, Kategorie-Gradients, SF Pro Rounded.
Basis: SwiftUI-Sources unter /Users/devinmelloh/dabei/ios/Sources/. Echte App im iOS-Simulator nach Xcode-/Supabase-/Google-Maps-Setup.