Vibeshots
← Sites

Nate Gagnon

nategagnon.com
Nate Gagnon website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
Black field containing a large dark rounded panel, with a compact dark menu and an adjacent second submenu; one row is blue.
Type
Small white regular sans menu text and muted gray secondary labels.
Color and surface
Black and charcoal surfaces, fine borders and bright blue selected row.
Components
Rounded panel, stacked menu rows, submenu and shortcut cues.

What makes it work

  • Dark rounded menu panels with a bright blue selected row and nested list.
On a new subjectFor a film archive, present categories and subcategories as dark nested menu panels with a blue selected row.

Live behavior

Today
A pale gray portfolio page shows a centered dark circular graphic, introduction, and two rounded cards for recent projects and early access. A small status indicator and contact control occupy the top corners.
Responsive
Desktop places project and early-access cards side by side; tablet and phone stack them, with the latter card below the initial phone viewport. The introductory copy wraps to narrower lines.
Scroll
The desktop scroll sample reaches actual y=232, the document bottom, showing the cards and social icons/footer while the top of the central graphic is clipped. The header remains visible in that frame only.

More like this