Demo · React · Variant A
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.
Map Edge
This animation reveals a navigation map underneath the current page. Like a city with streets and buildings, that bottom layer is how you travel between activities — so the page itself can stay focused on the work, not a growing suite of nav menus and top bars.