Canopy minimal top navbar

Canopy minimal top navbar, light-mode, minimal, light

Preview image. Unlock full-res

Clean white navbar with geometric logo, five text links, and a light gray pill CTA on the right.

Summary

A flat, borderless navbar with logo left, five centered nav links, and a soft gray "Start now" pill button right.

Visual description

Solid white horizontal bar. Left: black geometric arch icon in a circle beside bold "Canopy" wordmark. Center-left: five evenly spaced dark gray links (Products, Solutions, Developers, Resources, Customers). Far right: light gray fully rounded pill with black "Start now >" text and chevron. No border, shadow, or dropdown visible.

Key takeaway

The quiet CTA treatment: a pale pill instead of a saturated button keeps focus on the page while still offering a primary action. Logo icon plus wordmark scales cleanly at header height.

Reuse notes

Baseline pattern for B2B SaaS sites with five or fewer top-level sections. Needs sticky behavior and mobile menu elsewhere; this capture is desktop only. Works on white or very light hero backgrounds.

More navbar sections

See all

More like this