ClearPath · Patient flow + admin CMS
Indoor navigation for hospital visitors.
A calm, QR-launched web app for visitors walking to their appointments — no app download, no Bluetooth beacons. Scan a QR code on the wall, photograph your appointment slip, and get turn-by-turn guidance.
Design system snapshot
Type
System font stack · 400/600 only · 18px min body · 22–24px nav instruction
Accent
#1A6B4A forest green — "go / safe path"
Surface
#FFFFFF / #F7F7F5 · dark auto
Radii / touch
Buttons 12px · Cards 16px · 48×48 min hit · 56px primary height
Patient flow — interactive prototype
Tap any chip under the phone to jump between screens. Press Play full walkthrough to auto-advance through the journey from QR scan to arrival. Step scrubber appears while navigating. Open Tweaks to toggle dark mode, try two layout variants on the active-nav screen, and switch lost-screen density.