Header

Simple. Logo, links and actions, with a slide-in menu on mobile.

Floating pill. A rounded, blurred bar that floats above the page.

With announcement. A dismissible announcement bar above the navigation.

Product dropdown. Navigation menu with a Product dropdown of features.

Docs header. Documentation header with search palette and a star button.

Mega menu. Two link columns and a featured report in one dropdown.

Shrinks on scroll. Sticky header that tightens and gets a background on scroll.

Signed-in. Header for signed-in visitors with notifications and account menu.

Language and currency. Utility bar with language and currency pickers above the navigation.

Expanding island. A compact floating island that expands to show links on hover.