Storey Architecture

Item: Storey Architecture
Rating: 7.8

Contemporary residential architecture, renovations and interiors in the UK.

storeyarchitecture.co.uk Save page

7.8/10MABTU rating

DESKTOP · 1440 × 14,174/ ↗

MOBILE · 390

Section outline · Home

01heroFull-bleed dusk house, white intro paragraph, View Projects button990
02statementDark band, short belief text, hover project thumbnail1,080
03expertiseNumbered rows with captions and small interior thumbnails202
04cta imagePool photo with centred serifless headline and Explore button571
05processPhoto pair with two-column process copy on black544
06journalTwo-up article cards with photo and Read buttons544
07contactPaper intake form with numbered fields on cream1,440
08footerBlack site index, legal column, address, note card1,940

Rating · Home

Visual design8.2

UX & clarity7.5

Originality7.5

Craft & consistency8.0

Motion7.5

Performance & a11y7.5

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

Main colours

Mixed sections·white background·mono

Typography

New Groteskbody · sans · self-hosted

Stack & style

Vue Lenis DatoCMS Nuxt Tailwind CSS

Minimal Editorial Monochrome Photography-led Custom cursor Smooth scroll Sticky header Text reveal Transparent header

Also: Vercel

Design DNA

Near-black and paper-white with warm interior photography as the only colour. A light grotesque runs from tiny uppercase labels to a 56px two-line display. The hero is a full-bleed dusk house with a small white paragraph bottom-left and a hover-to-visit project thumbnail floating over it. Expertise is a numbered rule-separated list, each row pairing a caption column with a small landscape thumbnail. Stationery props — a paperclipped note card, scattered dark paper squares — recur as scroll decoration, and the contact block is set as a printed intake form.

Worth borrowing

Style the contact block as a printed intake form with numbered fields and a document header.
Separate expertise rows with hairlines and ghost the index number in large light grey.
Float a small hover-to-visit project thumbnail over the hero instead of a project grid.