Preview image. Unlock full-res
Full-screen light modal menu with grouped nav links, legal links, and social, floating over a dimmed hero with fashion thumbnails.
Summary
A rounded light-gray modal overlay presenting oversized menu links in grouped sections, with the underlying hero page visible but subdued behind it.
Visual description
White page background with F logo top-left and avatar plus "Get started" button top-right still visible. Centered rounded light-gray modal panel dominates the viewport. Black pill bar at modal top holds Close with X icon, moon toggle, and "0%" text. Below, a "Menu" section label in small gray precedes four large bold black links stacked vertically: PDP's, Products, Videos, Our features. Thin divider, then "Other" section with smaller links for Privacy Policy, Terms of Service, Cookie Policy. Another "Social media" section lists Instagram. Behind the modal, blurred or dimmed fashion thumbnail tiles float at angles and an upload card reads "Upload or drop your assets." Right edge retains Awwwards tab and tag pills from the underlying page.
Key takeaway
Grouped navigation with small gray section labels keeps a long link list scannable without tabs or accordions. Oversized primary links inside a card modal feel editorial rather than utilitarian. Retaining page context behind a semi-opaque overlay reinforces where the user is without a hard cut to black.
Reuse notes
Strong pattern for content-light marketing sites with few top-level pages. Requires enough backdrop content to justify the overlay treatment; flat pages may look empty behind the modal. Large type links need short labels to avoid wrapping on mobile.
