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