Navbar

A standard marketing navbar: logo, four links, Sign in and a primary button; sticky with a hairline that appears on scroll, and a full-screen menu sheet on a phone.

A navbar with a mega menu: Product and Resources open panels of grouped links with descriptions and a featured card, and collapse to accordion sections in a sheet on a phone.

A dismissible announcement bar above a centred-logo navbar with links either side and a search field that opens a command palette on ⌘K.

A floating pill navbar, detached and centred below the top edge, that hides on scroll down and returns on scroll up; on a phone the pill grows into a dropdown panel.

A documentation navbar: logo with a version picker, a search field with a keyboard hint that opens a command palette, Docs, API and Changelog links and a theme button; a menu sheet on a phone.