Skip to content
Launch offerAll 100 styles $19 $99·Launch pricing ends Sunday
StyleMD

Cream Estate

Cream paper, black ink and photographs of houses big enough to walk into.

This style

$9$19

Launch offer · Launch pricing ends Sunday

One-time, no subscription · instant download · client use · 7-day refund before download

getstylemd.com/p/cream-estate

The idea

A luxury property brochure on the web: warm cream canvas, sharp black type, and full-bleed architectural photography that fills the screen. A dense, characterful display serif gives each listing the weight of a book title. Confident, quiet and expensive.

Cream Estate is a luxury real-estate system in the spirit of a printed architectural monograph. It draws on mid-century architecture magazines, French property brochures and contemporary gallery catalogues: a warm cream canvas, pure black ink, and enormous straight-vertical photography that fills the viewport. A dense, sculptural display serif turns each property name into a book title. Colour beyond cream and black comes only from the photographs themselves. It should feel confident, quiet and very expensive — the house is the star.

Principles

  • Photographs fill the screen — never shrink a house into a thumbnail.
  • Keep the palette to cream and black; let architecture bring the colour.
  • Name every property like a book title.
  • Use thin rules and small caps for structure, not boxes.
  • Give facts — square metres, hectares, distances — not adjectives.

Motion

Photographs reveal with a vertical wipe from the bottom like a blind going up; the hero image scales from 108% to 100% over 2 seconds as if the camera were settling.

Do & don't

Do

  • ✓ Run the hero photograph edge to edge at full viewport height.
  • ✓ Correct every vertical in architectural photos.
  • ✓ Show size, land and location for every listing.

Don't

  • ✕ Don't show listings as small thumbnails in a grid of 12.
  • ✕ Don't use rounded corners or shadows.
  • ✕ Don't add colour beyond bronze and olive.

+ 3 more of each, and component rules, in the full DESIGN.md.

What's in the DESIGN.md

  1. 01Overview & principles
  2. 02Colors (tokens + proportions)
  3. 03Typography (families + 12-role scale)
  4. 04Layout & spacing scale
  5. 05Elevation & depth
  6. 06Shapes & radii
  7. 07Motion (easing, durations, signature)
  8. 08Imagery + generation prompt
  9. 09Components (button, card, nav, input, badge)
  10. 10Do's and don'ts
  11. 11Responsive behaviour
  12. 12Iteration guide + agent checklist

Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 364 lines of DESIGN.md in total.

More like this

All Industry →