Home › Navigation › Navbar
Navbar
A horizontal set of links for moving around a website.
A navbar is the horizontal navigation strip at the top of a website. It usually holds the logo, primary links, and one important action such as Sign up, Contact, or Download.
A strong navbar starts with a clickable logo on the left, short link labels in the middle, and one clear CTA that stands apart from normal links. Links need enough contrast against the header background so they stay readable.
Show interaction states: hover or focus for the item under the pointer, and an active state for the current page. If the link list gets crowded, move secondary links into a mega menu, footer, or mobile drawer.
Related terms
Sticky header
navigationA header that stays pinned to the top while the page scrolls.
Mega menu
navigationA large multi-column dropdown showing many options at once.
Hamburger menu
navigationA three-line icon that opens a hidden navigation menu.
CTA
componentsAction-driving button text that tells users exactly what they get.