Duffel product navbar dropdown

More like this
Duffel product navbar dropdown, minimal, light-mode, light

Preview image. Unlock full-res

Duffel header with announcement banner, primary nav, and three-product sub-row with purple icons for Flights, Stays, and Links.

Summary

Duffel desktop header showing Stays launch banner, main nav with chevrons, auth buttons, and expanded product sub-navigation row.

Visual description

Peach gradient announcement banner top. White nav bar: Duffel logo left, center links (Product, Use cases, Resources, Pricing, Company) with dropdown chevrons, Log in ghost and Sign up navy buttons right. Below, three product tiles: Flights (plane icon), Stays (house-star icon), Links (lightning hex icon), each with title arrow and one-line API description on dark purple rounded squares.

Key takeaway

Product sub-row immediately under nav instead of hidden mega-menu for a three-SKU platform. Consistent purple icon tiles unify distinct product lines.

Reuse notes

Works when product count is small (2-4). More products need a full mega-menu pattern like the Resources variant.

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.