Preview image. Unlock full-res
Full-height burgundy navigation overlay with red serif links, italic Home state, and a sliver of underlying page visible at the left edge.
Summary
A dramatic full-screen menu overlay that covers most of the viewport while leaving a peek of the page behind for context.
Visual description
Solid dark burgundy panel fills the frame. Top left shows idyllic. wordmark in white lowercase serif; top right a white X close icon. Left-aligned vertical nav links in red serif: Home italicized, then Portfolio, Services, Facilitation, About, Merch, Blog, Contact. A narrow left strip reveals striped purple-brown background and oversized serif letterforms from the page beneath.
Key takeaway
Peeking the underlying page through a narrow strip keeps orientation without sacrificing immersion. Italicizing the active link is enough state design on a text-only menu.
Reuse notes
Works for editorial agency sites with strong page art. Needs high-contrast link color on dark overlay; peek strip requires interesting underlying layout.
