Content
  1. Context
  2. Features

A monochrome portfolio for a multi-disciplinary designer

For Brooks Travers, a Los Angeles designer working across graphic design, photography, and videography for artists like The Kid Laroi, Kevin Abstract, and Oklou, we built a portfolio that treats the homepage as an index, not a pitch deck.

2026/Design Engineering/broosk.online

WhenMarch –– April '26
ForBrooks Travers / 2u4u.studio
DisciplineDesign engineering, front-end, creative portfolio
ToolsNext.js, React, Sanity, Tailwind CSS 4, Framer Motion

Brooks Travers operates at the intersection of graphic design, photography, videography, and creative direction, with clients spanning The Kid Laroi, Kevin Abstract, Mk.gee, Oklou, Magdalena Bay, Capitol Records, and others. Album art, campaign stills, and motion reels can't share one presentation pattern without flattening the work.

brooks travers info overlay showing bio, contact, clients, and representation on black
Info overlay with bio, contact, and client list

Index, not narrative

Filtering, biography, and project detail all happen in layered states on one URL. No project subpages, no hamburger menu — the client roster signals music-industry creative production without a separate "selected clients" page.

Features

  1. 1Single-page overlay architecture with tag-filterable project grid
  2. 2Full-screen info overlay with client list and cursor-following project previews
  3. 3Full-bleed asset lightbox with BACK/NEXT navigation and progress bar
  4. 4Sanity-backed asset groups mapping to real deliverable types per client
  5. 5Embedded Studio at /studio so Brooks updates without a redeploy
  6. 6Gallery recedes to 10% opacity + grayscale when overlays open
broosk.online