Maison Estate

The phone stacks into 1.3 times the scroll rather than shrinking the desktop layout.

  • Real estate
Section 01 of the Maison Estate site, the opening

01The opening

Measured 2026-09-01

Screens on the desktop
4.7
4,192 px tall at 1440 px wide
Screens on the tablet
4.1
4,566 px tall at 834 px wide
Screens on the phone
6.0
5,045 px tall at 390 px wide

Five sections

The site, read one section at a time. What each one is for, and the one thing the design does there.

01The opening

Section 01 of the Maison Estate site, opening

A grid of night interiors with no gaps, and a search written as a line of prose.

02Neighbourhoods

Section 02 of the Maison Estate site, neighbourhoods

Paper, the first break from photography: three cards, the middle one sitting higher than the others.

03Services

Section 03 of the Maison Estate site, services

The pitch left, and right four rows of icon, title and two lines, separated by hairlines.

04The house at night

Section 04 of the Maison Estate site, the house at night

One photograph, full width, no type and no caption. A whole screen to change the subject.

05Market insights and footer

Section 05 of the Maison Estate site, market insights and footer

The ground turns near black for an email field with an arrow and three link columns.

Design highlights

Every colour was read off the rendered page and weighted by the area it paints. Photographs are not in it.

  • #f9f7f668%
  • #e8e5e516%
  • #1a1a1a14%
  • #5e59552%
  • #0000001%
Families loaded
Instrument Serif, Inter
Instrument Serif sets the headings
Measured
2026-09-01

On every screen

The same page at 1440, 834 and 390 pixels wide, drawn at one scale so the phone really is this much narrower.

Maison Estate, the full page as it renders at 1440px wide
Desktop, 1440px
Maison Estate, the same page at 834px wide
Tablet, 834px
Maison Estate, the same page at 390px wide
Phone, 390px