flow route UI

Aug 30 errands route · four ways to show stops on the mountain

Same nine stops (Kaiser → Rockcress). Click inside each preview — rail marks a stop, pins open on tap, thread connects them, fade toggles done/skip.

full-screen tabbed mock A rail B pins C thread D fade
picked · tap a panel
A Rail
one glass list · right

One glass list on the right — no double stack with a separate timeline.

open full-screen A →
click a stop
B Pins
chips · tap to open

Chips on the mountain — tap a pin to open the name.

open full-screen B →
tap a pin
C Thread
connected · same stops

Same stops, connected by a champagne thread along the route.

open full-screen C →
click to mark
D Fade
done / skip · tap to fade

Tap a stop to fade it — done or skip, thread still visible.

open full-screen D →
tap to fade

Related: depth toggle styles · card styles · flow chart designs

not wired live yet · pick by looking · full mock on prototype Aug 30 flow

← back to prototype