10 sections

Navbar

Top-level navigation: marketing bars, app headers, mega menus and mobile drawers.

Logo, inline links and a single call to action. The dependable default.

Navbarsimplemarketing

Full-width bar that collapses into an animated slide-down drawer on mobile.

NavbarInteractivemobileinteractive1

Symmetrical layout with links split either side of a centered wordmark.

Navbarcenterededitorial1

App-style header with an inline search field and icon actions.

Navbarappsearch

Hoverable trigger that opens a full-width panel of grouped links.

NavbarInteractivemega-menuinteractive2

Detached rounded bar that floats over the page with a soft shadow.

Navbarfloatingpill

Two-tier bar with a utility strip above and primary navigation below.

Navbartwo-tierutility1

Dismissible announcement bar stacked above a standard navigation row.

NavbarInteractiveannouncementinteractive

Product header with a workspace switcher and an expandable account dropdown.

NavbarInteractiveappinteractive

Section navigation with a sliding underline that tracks the active tab.

NavbarInteractivetabsinteractive