Skip to content
64.
← Selected Work

Halden

A private house in Marylebone

Visit the site
The black front door of number 18, with a brass knocker and letterplate, set behind black iron railings on a Marylebone street.

The situation

A private house in a Georgian townhouse on a quiet Marylebone street, opening in a city with no shortage of them. What it had was restraint, which is the hardest quality to put on a website without spending it.

The category is crowded and its websites are interchangeable. A hero shot of a bar at golden hour, a paragraph about community, a membership form, and a photograph of people laughing at a table nobody in the building has ever sat at. They are all selling access, and they all sell it in the same voice.

Halden's problem was the opposite of a marketing problem. There are twelve places at one table and six stools at the bar. Anything the site did to widen the audience would have damaged the thing it was advertising, so reach was never the measure. The site had to turn the wrong visitor away as efficiently as it drew the right one in.

The Halden enquiry page: a photograph of a panelled corridor fills the left half of the screen, with a three-field enquiry form set in the cream space on the right.
The Halden house page: a short column of text about the building's history sits to the left of a large photograph of the stone staircase and chequerboard hall floor.
The Halden homepage: the wordmark, the word Marylebone and a single ENTER link centred over a dimmed photograph of the black front door.

The approach

Most private clubs sell themselves in the language of a hotel. Halden is a house in Marylebone that behaves like one — a black door, six stools at the bar, twelve places at one table. The site was built to withhold rather than persuade.

Nothing on the site explains what a private house is, because a visitor who needs that explained is not the visitor. It shows the rooms and states the terms, then stops.

The Halden membership page: four short paragraphs about how membership works, centred on limewash above a photograph looking down the stairwell.
The Halden house page at the top of its sequence: the title The House above a full-width photograph of the entrance hall, with no navigation bar in sight.
The entrance hall at Halden — a stone staircase curving up past a tall window, above a black and white chequerboard marble floor.
The bar at Halden — a walnut counter with a marble top and six oxblood leather stools, in a room panelled and painted deep green.
The library at Halden — a worn oxblood leather armchair and a brass reading lamp in front of floor-to-ceiling shelves of old books.

The decisions

The home page does not scroll

One viewport: the door, the name, and one way in. A page that refuses to scroll is normally a mistake, and here it is the argument. The whole proposition is that most of the house is not shown to you, so a home page stacking benefit columns beneath a hero would have contradicted its own copy in its structure.

Brass had to become two colours

Brass at 11px on limewash measures 3.44:1, under the 4.5 that AA asks for at body sizes. Rather than drop the colour from small text, the palette gained a second brass at 84% of the first, the same hue measuring 4.63:1, used wherever brass has to carry something that will actually be read. The accent survives and so does the type.

The nav stays out of the way on the sequence

On the house page the nav is hidden until the reader has committed to scrolling, because that page is a sequence of rooms and a bar fixed across the top of each one reads as browser chrome rather than as part of the house. It appears after 24 pixels of scroll. It also appears immediately for anyone arriving by keyboard, since a control that reveals only on scroll is a trap for a reader who does not scroll.

The rooms are a column, not a grid

Nine rooms could have been a grid of nine thumbnails. They are a single centred column instead, one room to a screen. A grid invites comparison, and a house is not a set of options to be weighed against each other. You move through it in an order, and the page was built to be moved through the same way.

What shipped

  • Four pages: the threshold, the house, membership and the enquiry.
  • Nine room plates and three detail shots, art-directed and sequenced rather than gathered.
  • A three-field enquiry form, the shortest the house could ask for and still reply properly.
  • Built in Next.js and deployed on Vercel, with GSAP for the threshold sequence and the reveals. Every animation is gated on prefers-reduced-motion.
  • The whole brand is scoped under one CSS class, so it shares a single stylesheet with two other brands without either reaching into the other's type.
Project
Halden
Location
Marylebone, London
Scope
Website, 4 pages
Year
2026
Status
Self-initiated concept

Every project here runs to the same shape, set out stage by stage in how a project runs.