Demo · React · Variant C
Context Edge
Navigation context lives at the screen edge — color and motion show where you are and how you got there, so the page can stay focused on the work instead of a growing suite header.
Path Edge
As you move across products, the places you visited stay on one thin rail — Top or Side — with a rail foundation behind every hop. Each stop keeps its own color; Home stays pinned at the start. When the trail grows, drag, swipe, or arrow-key the rail to scroll older hops out from under Home. On touch, swipe inward from the left stage edge to open or dismiss the bar. Demo controls set Edge, Style, and blend math; Live and Still below are the product facsimile — drag a stage’s free edge to resize (both stay synced).