Mock Studio

Item: Mock Studio
Rating: 7.3

New York studio making furniture pieces and installations.

7.3/10MABTU rating

DESKTOP · 1440 × 7,248/ ↗

MOBILE · 390

Section outline · Home

01heroWordmark over full-width studio photograph
02introOne sentence about proportion, balance and scale
03product gridStaggered single and paired product photos with SKU captions
04footerBig wordmark, link columns, newsletter

Rating · Home

Visual design7.9

UX & clarity7.2

Originality7.4

Craft & consistency7.8

Motion5.0

Performance & a11y7.5

This page scores 7.3; the site score weights the home page double.

Main colours

Light·cream background·mono

Typography

Neue Haas Grotesk Textheading · sans · adobe Neue Haas Grotesk Textbody · sans · adobe

Stack & style

Lenis Shopify Alpine.js Adobe Fonts

Minimal Editorial Photography-led Smooth scroll Sticky header Transparent header

Also: Klaviyo, Cloudflare, Google Tag Manager

Design DNA

Cream (#FBF8EA-ish) page with a huge tight grotesque 'mock studio' wordmark laid over a full-width photo of the studio floor. One short sentence of intent, then products shown as single photos on a loose asymmetric grid: one centred portrait, a pair, a full-width bench, another centred portrait, each with a tiny bracketed SKU code and product name in small type. Photography is consistent: seamless paper backdrop, soft daylight, same angle. Footer repeats the wordmark big with a compact four-column link list and newsletter field.

Worth borrowing

Label products with a bracketed SKU code above the name, set tiny, for a catalogue feel.
Vary image count per row (one, two, one full-bleed) down a product feed to create rhythm without cards.
Close the page by repeating the oversized wordmark beside a dense link block.