Preview image. Unlock full-res
Full-height overlay navigation with serif primary links, a product sub-menu with packaging thumbnails, and a dimmed lifestyle photo behind.
Summary
A cream overlay mega menu pairs large serif nav links with a thumbnail-rich product catalog, while the underlying page stays visible through a darkened lifestyle photo.
Visual description
Left two-fifths of the viewport is a warm cream panel. Primary links (Shop, About, Learn, Quiz, Login) stack in large burgundy serif type. A product sub-column lists supplements with small square packaging thumbnails beside each name, ending in Shop for Her, Shop for Him, and Shop All text links. The right side shows the underlying page dimmed: a pregnant woman in a kitchen holding a product jar, plus a purple announcement bar, Menu pill, search and bag icons, and a green chat widget.
Key takeaway
Thumbnail rows inside the nav turn catalog browsing into a visual experience without leaving the page. Keeping the background visible preserves context and feels less disruptive than a solid overlay. Serif primary links at large scale signal premium wellness positioning.
Reuse notes
Works for DTC supplement or wellness brands with many SKUs. Needs strong product photography at small thumbnail size. Best on light, muted brand palettes. Mobile will require a different pattern than this desktop mega menu.
