Ahrefs primary navigation bar

More like this
Ahrefs primary navigation bar, minimal, corporate-clean, vibrant

Preview image. Unlock full-res

Full-width blue navbar with orange-and-white logotype, dropdown nav links, and ghost sign-up CTA.

Summary

A horizontal site header on saturated blue balancing brand mark, five nav links, and account actions on the right.

Visual description

Single full-width bar on solid royal blue. Far left shows the logotype: orange lowercase "a" followed by white "hrefs" in a clean sans-serif. Center-left links read Tools (with down chevron), Our data, Resources (with down chevron), Pricing, and Enterprise, all in white medium-weight sans-serif with generous horizontal spacing. Far right groups a small white globe icon, a plain "Sign in" text link, and a ghost "Sign up" button with thin white border and bold white label. No search, no hamburger, no background blur or shadow; contrast comes entirely from color and spacing.

Key takeaway

The split logo color (accent letter plus white wordmark) anchors brand on a monochrome bar without a separate logo lockup. Ghost signup beside plain sign-in keeps hierarchy clear while avoiding a loud filled button in the header.

Reuse notes

Strong default for B2B SaaS with a small primary nav set. Requires a confident brand blue; on light headers the orange "a" trick still works but the overall pattern shifts. Dropdown chevrons signal depth without icon clutter.

More navbar sections

See all

More like this

Keep what you find

A free account saves references to boards and can send you a weekly email of picks based on what you save.

To see every result, go Pro.