Roll & Hill full-screen lighting mega menu

Roll & Hill full-screen lighting mega menu, minimal, dark-mode, dark

Preview image. Unlock full-res

Dark full-bleed mega menu overlay with centered serif logo, multi-column shop taxonomy, and an alphabetized collection index.

Summary

Dark full-bleed mega menu overlay with centered serif logo, multi-column shop taxonomy, and an alphabetized collection index.

Visual description

Deep chocolate-brown field fills the viewport beneath a slim top bar. Centered Roll & Hill wordmark in warm gold serif; left nav links read Lighting, Furniture, Decor, Featured, Designers, About; right utilities include Trade, Saved, Search, Sign In, and Cart (0). Below, four labeled columns in small all-caps headers: SHOP BY (New, In Stock, All Lighting), TYPE (Ceiling, Wall, Desk & Table, Floor, Outdoor, Bulbs, etc., some with plus icons), and COLLECTION spanning three columns of alphabetized product lines from Agnes through Woody Endless. All link text is light serif on dark. A centered italic tagline at the bottom reads Made in Michigan. Collected Worldwide. A sliver of warm interior photography peeks below the overlay.

Key takeaway

Treat navigation as editorial taxonomy: uppercase column labels, serif link lists, and a full-screen dark canvas make a dense catalog feel gallery-like instead of utilitarian. Alphabetizing collections across multiple columns scales to dozens of SKUs without dropdown nesting.

Reuse notes

Strong for luxury ecommerce with large catalogs and named collections. Needs generous viewport height and disciplined type hierarchy. Works best when photography beneath the menu is dimmed or cropped so the overlay stays legible.

More navbar sections

See all

More like this