Inverse Menu

An editorial hero with a full-screen menu on frosted glass. Built for portfolios, studios and personal sites that lead with one strong photo. The menu items invert over the image, so navigation stays readable on any shot.

What's inside

• Hero section with a full-bleed photo and a minimal top bar

• Full-screen menu on frosted glass with staggered item reveal (Tablet and Phone)

• Desktop, Tablet and Phone variants, each with closed and open states

• Load animation: photo scales in, small text rises line by line

What you can change

• Every text: name, menu items, captions

• Every link

• The hero photo

Best for

Photographers, designers, studios, agencies and personal portfolios with a minimal, editorial feel.

How to use

Copy the component, paste it on your page and set the width to fill. Swap the photo and texts in the properties panel. On each breakpoint, pick the Desktop, Tablet or Phone variant.