Wallarm — global navigation prototype

Pick a variant

Each card is a different navigation prototype. They share manifests and data — only the chrome and interaction model differ. Click the Wallarm wordmark inside any variant to come back here.

Auto-collapsing rail
/v/v8/
Final
Expanded on the home page so first-timers can read product names; collapsed inside any product so its tree can lead. One rule, no toggle.

User-controlled rail
/v/v6/
Preferred
Choose how the rail behaves — expanded, collapsed, or expand on hover. Preference sticks per browser.
Always-open sidebar
/v/v0/
Two columns, always visible. Every product on the left rail; the current product's tree to the right.

Other variants

v0/v6 combination → wide-labels toggle
/v/v7/
Same baseline as v0 — every product on the rail, the current product's tree to the right. One ⌘B toggle widens the rail with persistent labels next to icons. No mode menu, no hover-overlay. Synthesis verdict from the v0-vs-v6 stress test, made clickable.
Hover to expand
/v/v2/
A thin icon strip by default — hover or pin to reveal the full sidebar with labels. Frees up screen real estate when you are focused on the page, with everything still one motion away.
Icons only, with tooltips
/v/v3/
Always a thin icon strip; labels appear as small tooltips on hover, never as a column. The most space-efficient option. Drilling into a section works the same as in “Hover to expand”.
Pop-out menus, expand on demand
/v/v4/
Hover any product icon to see its sections in a floating menu — no fixed second column. Press ⌘B to swap the strip for one merged sidebar that lists every product's sections at once. Settings and drilled-into scopes still get a dedicated second column.
Workbench with tabs
/v/v5/
A workbench layout: a thin icon column on the left, a resizable explorer with the full nav tree, and a main pane with tabs so you can keep several pages open and switch between them without losing your place.