Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Within a tilted laptop screen, a white digital-studio portfolio has a huge cropped REF identity at upper left and a large two-line proposition in the upper-right half. A narrow navigation row spans the top. Below, unequal project images form a staggered row with small captions. Laptop, desk and beige surroundings are gallery staging.
- Type
- Oversized thin black uppercase identity contrasts with a medium-weight sentence case proposition and tiny uppercase navigation/captions. Exact face and metrics unknown.
- Color and surface
- White page, black type and varied project imagery; the orange-red project tile is image content. Exterior beige and metal belong to staging.
- Components
- Asymmetric identity/proposition opening, compact top navigation, project image row with small captions and grid/list labels.
What makes it work
- Oversized cropped identity
- Opposing proposition in open space
- Uneven project imagery with small labels below
On a new subjectFor a regional museum collection portal, place a large cropped museum name on the left and a concise collection premise across the open upper field; start an unevenly sized row of collection images immediately below with compact object labels. Replace agency portfolio projects with museum objects.
Measured
Fonts loadedHabitus, Aeonik
H156px / 300 / -1.68px
Body text10px
Page background#c4bab0
Text color#000000
Page height4,996px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Large black wordmark and split editorial introduction sit on taupe above a large framed project image; cookie notice overlaps.
- Responsive
- Tablet and phone stack the wordmark and text above a project panel; menu condenses and cookie notice obscures lower content.
- Scroll
- At scrollY 750 project details and an about statement appear, with the cookie notice retained.
