Screenshot of Story Of Home

Story Of Home

storyofhome.co.uk/

The reference for editorial-luxury estate agency: a full-bleed interiors photo carousel with an oversized MagnatHead postcode-numeral (E3 at 132px) overlaid in white, on a warm aubergine-ink palette (#40363E) that treats a property listing like a magazine cover.

Real Estate flagship

Design tokens

background
surface
text
textMuted
accent
border
tone1
tone2
display
MagnatHead
body
CeraPro
mono

Do / Don't

Reference it for

  • The oversized postcode/number treatment: MagnatHead serif at 132px in white, overlaid bottom-left on a full-bleed photo, with tiny 14px CeraPro caps eyebrow (MILE END, SHARE OF FREEHOLD) above and the price below
  • Two-font pairing: MagnatHead (display serif, weight 400/500, incl. italic for the 'of' in the wordmark) for headings, CeraPro (geometric sans, weight 300-500) for all UI and body
  • The stacked serif+italic wordmark: 'Story / of Home' with 'of' set in italic serif, small top-left
  • Warm neutral base: #FFFFFF and #ECE9E7 (warm oat) surfaces against near-black #40363E aubergine ink instead of pure black
  • Vertical rotated caps micro-labels running up the left and right page edges (ALL CONTENT @STORYOFHOMELTD / NEWSLETTER SIGN UP) as framing furniture
  • Full-bleed hero carousel with a thin slider progress bar and subtle nav dots at the bottom edge of the image
  • Wide CeraPro caps tracking: eyebrow labels use ~2.5px letter-spacing at 14px, big statement caps use ~9.9px
  • 1440px max content width with generous edge gutters keeping the frame breathing

Do not copy

  • The 'Story of Home' name and the stacked serif+italic wordmark
  • MagnatHead and CeraPro as the literal typefaces (licensed foundry faces; swap for a serif+geometric-sans pair)
  • The exact aubergine-ink #40363E plus warm-oat #ECE9E7 palette as-is
  • The London property photography and specific listings (postcodes, prices, addresses)
  • Real staff names (Mathew Walters, Stuart Aikman) and client testimonial quotes
  • The RICS-regulated / estate-agency copy and 'we improve the whole experience of moving home' voice
  • The SoH. abbreviation lockup and © line branding