iOS Dynamic Island — compact sensor pill to spring-expanded live activity
A 36pt OLED black capsule splits leading iconography and trailing tabular countdowns around the hardware cutout, morphs via a critically damped spring into a 168pt card on long-press, and surfaces real-time vehicle ETA progress and license plate telemetry.
Step 1 of 3
Apple iOS Live Activities — Compact Capsule Dual-Sensor Readout- grid/layoutSplit the 36pt hardware cutout capsule into two asymmetric wings: a 24pt leading icon badge anchored flush-left and a tabular-nums countdown (`04:18`) anchored flush-right with 12pt internal clearance around the camera sensor.
- colorUse pure `#000000` OLED black as the capsule ground so the hardware cutout disappears completely, pairing a single semantic accent (`#30d158` active green or `#ff9f0a` timer amber) for instant peripheral legibility.
Step 2 of 3
Apple iOS Dynamic Island — Fluid Spring Long-Press Expanded Card- motion/interactionLong-pressing the compact pill morphs the container from `height: 36pt; border-radius: 18pt` to `height: 168pt; border-radius: 44pt` using a critically damped spring (`damping: 0.82, response: 0.38s`) while keeping the leading icon pinned to its top-left origin.
- component patternLimit expanded island actions to at most two 44pt pill buttons in the bottom row so thumb taps never accidentally trigger the underlying status bar.
Step 3 of 3
Uber iOS Live Activity — Real-Time ETA Progress Bar & License Plate Pill- component patternRender the vehicle license plate inside a high-contrast `#1f1f24` monospace badge (`14pt bold`) paired with a 6pt continuous progress track that advances a miniature vehicle glyph toward the pickup pin.
- copywritingReplace verbose status sentences with a single two-word verb phrase (`Arriving now · 2 min`) so the entire lock-screen banner reads in under 300ms.
Agents get the same order from get_reference: any screen's reply names the flow and every step in it.