Every screen keeps its layout: header, search, filter chips, map, bottom tabs, swipe deck, timeline. What changes is how it feels: a characterful display font, buttons with physics, motion that tells you what is happening, and a few features that make the demo memorable. Everything here is clickable.
Titles get a wide, geometric display face. Body text stays the system font (SF Pro on iOS) so Dynamic Type keeps working. Data uses a monospace face. Switch the display option to compare with the current one.
Body text stays in SF Pro: menu descriptions, steps, settings and anything long. The display face appears once per screen at most.
Same places in the layout, new behaviour. Try each one.
Gradient pill with an inner highlight and a glow. A ripple spreads from the finger, plus a light haptic.
LinearGradient fill · .shadow(tint, 14) · press scale 0.97 · .sensoryFeedback(.impact)
Replaces "Start walking" on the route sheet. It feels deliberate, like starting a trip, and avoids accidental taps.
DragGesture on the thumb · snap back unless > 85 % · success haptic
A ring fills while you hold for one second, then everyone stops seeing you. Serious actions should feel serious.
LongPressGesture(minimumDuration: 1) · ring Circle().trim(to: progress) · .warning haptic
The single-select chips become one control with a glowing knob that slides and overshoots slightly.
matchedGeometryEffect(id: "knob") on the selected background · spring(0.35, 0.7)
One floating button above the map, bottom right, that fans out the two things people do most.
ZStack of items with offset + scale, spring stagger · rotate "plus" 135°
The mic in the search bar turns into a live waveform while listening, so the secret phrase feels like an event.
Image(systemName: "waveform").symbolEffect(.variableColor.iterative, isActive: listening)
Each animation answers "what just happened?". Press Replay to watch again.
Path.trim(from: 0, to: progress) animated over 1.6 s, then the destination pops
Search result: pin falls with a spring, two rings spread on the ground
Seal pops with overshoot, 12 teal sparks fly out, .success haptic
.contentTransition(.numericText(countsDown: true)) on ETAs, votes and free seats
.redacted(reason: .placeholder) + a moving gradient mask while menus load
Layouts match the app exactly. Tap the chips on Navigate, drag the dish card on Socials.
Each fits an existing screen; none needs a new tab.
On the Friends map: friends who marked "hungry" glow in Signal mint. A pill says "3 hungry now · Start swipe" and opens Socials with them preselected.
The next lecture shows "Leave in 49 min", counting down live and turning amber at 5 min, red when you'll be late.
Lock the phone mid-route: the Dynamic Island shows the next step ("Stairs ↑ F · 40 m") and a progress bar on the Lock Screen.
A thin strip under the search bar: "Polymensa busy · 31 seats free in HG E 27 · E-Link in 4 min". Rotates every few seconds.
A weekly story in Profile: "31 h on campus", "Your spot: HG library", "Most-swiped dish". Shareable as an image with your avatar.
Pinch out on a building to fan its floors apart in 3D, with your route climbing between them. Tap a floor to land on it.