Navigation components

Try the canonical navigation families. Each specimen keeps its anatomy and behavior across all eight moods.

Navigation / Canonical family

Adaptive Header

A spacious wordmark and compact navigation that reflows on mobile.

Keep the primary destinations visible on desktop and group them in a mobile menu.

Name each navigation landmark. Use aria-current for the current destination.

States: default, focus

Subtle authored presentation; Base UI and native HTML behavior.