Kanbien Design System

Top Nav Exploration

Use this page for exploratory adjustment of top-nav behavior before locking evidence on the canonical routes.

Preview Controls

State Driver

Preview width: 1120px

Width Presets

Content Fixture

Open State

Theme

Direction

Magnification

Primary Colour

Preview Surface

Top-Nav Candidate State

Review desktop, overflow, mobile, RTL, magnification, long labels, themes, and accent inheritance here before freezing the canonical evidence set.

Review Notes

What to look for

  • Brand mark keeps its proportions.
  • No overlap between brand, nav, and utilities.
  • `More` appears before crowding.
  • No `1 item + More` desktop state.
  • Menus layer above the row below.
  • Long labels truncate cleanly and still expose the full value via tooltip.