The app is clean and calm today. These changes make it feel like a live campus system: data that moves, a map that glows, and motion that explains what is happening. Most are small SwiftUI changes on top of what exists. Pills mark effort and where the design spec (idea1) would need an update.
In dark mode, active things glow: the route, the "me" dot, the selected chip and the primary button get a soft teal halo. Inactive things stay flat and grey. The eye goes straight to what matters.
.shadow(color: tint.opacity(0.45), radius: 10) on active elements, dark only
The search bar, filter chips, floor pill and bottom sheets use a frosted material, so the map stays visible underneath. It feels layered and native to iOS.
.background(.ultraThinMaterial, in: Capsule()) + 0.5 pt white hairline
When you zoom into a building, a faint technical grid and room outlines fade in, like an architectural plan. Room labels use the monospace face. It makes "we map the inside of ETH" visible at a glance.
MapPolygon room outlines with a thin tint stroke + a Canvas grid overlay with allowsHitTesting(false), opacity tied to zoom
"HG F 33.1" becomes segmented chips: building, floor, room. ETAs, floors, prices and counts use a monospace face with tabular digits. Titles stay in Plus Jakarta Sans.
.font(.system(.body, design: .monospaced)).monospacedDigit()
When an ETA, a vote count or the number of free seats changes, the digits roll instead of jumping. Small detail, strong "live system" feeling.
.contentTransition(.numericText()) + withAnimation on the value change
Write like a system that knows: "Leave in 3 min", "Free until 14:00", "3/4 swiped", "Synced 2 s ago". Fewer words, more numbers.
The route has a soft base line and a brighter dash pattern flowing toward the destination, with a faint glow. It reads as "go this way" without words.
Two MapPolylines; the top one with StrokeStyle(dash:) and a dashPhase driven by TimelineView
After "Guide me there", the camera tilts to 3D and sweeps along the route for about three seconds, then settles at the start. Tap to skip.
.mapCameraKeyframeAnimator(trigger:) over route points, pitch 0 → 55 → 0
The route sheet becomes an instrument panel: next step with a big direction glyph, distance and floor as readouts, a progress bar that fills as you walk, arrival time.
Grid of monospaced readouts + ProgressView tied to routeProgress, SF Symbols with .symbolEffect(.bounce) on step change
While results load or the floor plan appears, a thin teal sweep passes over the map once, like a scanner. Use it only for real loading moments.
LinearGradient band animated over the map with an offset, allowsHitTesting(false), runs once
A pulsing dot next to anything live: friends on campus, a group session, occupancy data. In Socials, each member avatar gets a progress ring while they swipe.
Circle().trim(from:to:) ring per avatar, .symbolEffect(.pulse) on live dots
Selection tick for chips and tabs, a firm tick when you change floors, a light tap when a swipe passes the "counts" line, a success buzz on a group match and on arrival. Consistent haptics make the app feel engineered.
.sensoryFeedback(.selection / .levelChange / .impact(weight: .light) / .success, trigger:)
Cards expand into their detail sheet, the dish card flies into the top-pick slot, the lecture card zooms into its sheet. Elements keep their identity instead of popping.
matchedGeometryEffect; iOS 18: .navigationTransition(.zoom(sourceID:in:))
The mic waves while listening, the locate arrow bounces when it centres, toggles morph between symbols. Built into iOS 17, almost free.
.symbolEffect(.variableColor.iterative), .bounce, .contentTransition(.symbolEffect(.replace))
Glass search bar, segmented room-code results, flowing route, blueprint indoor layer, HUD route sheet. Default to a slight 3D tilt when a building is selected.
Progress rings on member avatars, rolling vote counts, cards physically reordering when the ranking changes, a "match" moment with a burst of teal and a success haptic.
A "Leave in 3 min" readout on the next lecture that counts down live, in green, amber or red. The next card gets a thin glowing border instead of only a fill.
Interactive charts you can scrub (Swift Charts selection), stats as large monospaced readouts, a "Computed on this iPhone" line with a lock symbol for the privacy story.