Kanbien Design System

Context Nav Exploration

Use this page for exploratory adjustment of the context-nav family. Canonical review links should use the locked renderer instead of this interactive surface.

Preview Controls

State Driver

Desktop standard

Width Presets

Height Presets

Top Stack

Label Pressure

Open State

Theme

Direction

Magnification

Primary Colour

Preview Surface

Context-Nav Candidate State

Deterministic state loaded from the URL.

Shell Framing

Root Administration

Context navigation should stay attached to this combined header stack.

Header + Sub-Nav Anchor

Primary Flow

Section-oriented root tasks

Use the top zone for the growing list of section destinations that can scroll under vertical pressure while the bottom tools stay pinned.

Persistent Tools

Bottom anchored utilities

Keep these actions visible on desktop, then move them into More on mobile so the bottom bar stays focused.