Fable Estates is a study in divergence: take the most templated category on the web — real estate — and prove thirteen sites in it can share nothing but honesty about the property. All thirteen were designed and built end-to-end by Claude Fable 5, each through three critique passes. The full methodology lives in the Fable Fifteen guide; this page covers what's specific to doing it inside a single category.
Five sites about "property" will converge unless the market segment itself sets the design language. So each brief picked a different world with its own materials and vernacular — a working coastline, a supertall tower, a hacienda restoration, farmland by the acre, a landmark brutalist estate — and drew palette, typography, and structure from that world:
| LOT | WORLD | DESIGN LANGUAGE | SIGNATURE TECHNIQUE |
|---|---|---|---|
| Tidewater & Gale | Maine coast | nautical chart: soundings, contours, ship's-log specs | procedural SVG survey the page sails through; live tide math |
| VERTICALE | W 57th St tower | night glass, instrument HUD, floor data | scroll-keyframed 3D ascent; 1,536 instanced lit windows |
| Casa Solana | Andalusia | lime plaster, azulejo cobalt, restoration ledgers | seeded generative azulejos; sun-arc shadow slider |
| The Fold | English shires | land-registry folios, almanac marginalia | voronoi parcel map with true computed acreages; season dial |
| MASSIF | brutalist estate | cast concrete, museum plaques, safety orange | procedural 3D cutaway; flats as furnished dollhouses |
| The Ledger Building | 1930 deco tower, NYC | limestone, brass, racing green; building-directory type | Kling cinemagraph crown; spring-driven elevator dial |
| Iron & Broome | 1872 cast iron, SoHo | gallery white, pattern-book plates, foundry stamps | annotated SVG catalog plate ↔ listing cross-highlight |
| The Gantry | 1907 warehouse, DUMBO | brick, heart-pine, cargo tags, receiving ledgers | SVG bones assembling on scroll; Kling blue-hour loop |
| BLACKLINE | off-market, all-black | black-on-black type, redacted dossiers, leather grain | cursor-flashlight specular sheen makes the type legible |
| KYŌDŌ WORKS | Tokyo micro-lots | drawing-set paper, sumi ink, tatami units | hand-rolled axonometric engine; floors explode on scroll |
| RIVE | Haussmann Paris | zinc, limestone, parquet libraries, molding profiles | enfilade room-through-room tours; Kling rooftop cinemagraph |
| GRACHT & GEVEL | Amsterdam canals | gable field guide, deed-level candor | facades mirrored in live sine-displaced canal water |
| CROSSTOWN | Manhattan, by the minute | black / taxi yellow / chrome; signage modernism | taxicab-geometry isochrones on a drawn grid; a working fare meter; Kling light-trail hero |
| Novex Realty | NY · Paris · Como | printed-portfolio elegance; bone, ink, pale gold | three Kling cinemagraph chapters; one scroll-drawn horizon line; NOAA solar light calendars |
The test we applied: cover the logo — could this page belong to any of the other four? If yes, the brief wasn't specific enough.
Real-estate sites fail when the design decorates around the facts. Here the facts are the signature elements: The Fold's acreages are computed from the drawn parcels themselves; Tidewater's tide clock runs a real M2 sinusoid and derives causeway closures from it; VERTICALE publishes a light calendar (which rooms the sunset enters, by month); MASSIF states service charges and lease terms plainly on cast-concrete plaques. Candor is a design feature — it's also what makes a fictional brokerage feel real.
Every site ran the same protocol as the main showcase: build, then three critique passes with fresh screenshots at desktop, full-page, mid-scroll, and 390px — actually read, findings logged, fixes applied. Pass 1 hunts flaws (this round caught a camera that clipped its own floor plans, tiles rendering quarter-size from an SVG viewBox bug, a sun hiding behind a roofline). Pass 2 deepens the signature and cuts one thing. Pass 3 verifies: reduced-motion emulation (which caught a crash and a camera that left the viewer inside the tower), keyboard focus, no-JS readability, zero console errors.
Four of the original five sites ship zero raster images — the chart, tower, parcels, and concrete are all generated in code (those five site folders total under 1 MB before thumbnails). Only Casa Solana uses photography (GPT Image 2, one consistent 35mm art direction), because a restoration studio's proof is photographic. Choose the medium the subject's credibility demands, not the one that's easiest to reach for.
The New York trilogy (Lots 06–08) adds a third medium: living photography. Each hero was generated as a 2K still (art-directed prompt: era, light, lens, palette), then animated into a 5-second cinemagraph with Higgsfield's Kling 3.0 image-to-video — clouds drifting behind the deco crown, raking light sweeping the cast iron, warehouse windows warming at blue hour — and compressed with ffmpeg to 216–560 KB. The rules that keep video honest: muted, looping, poster fallback, paused offscreen, and replaced by the still when the visitor asks for reduced motion.
Reproduce it: write one brief per world (palette hexes, font pairing, signature element, forbidden list) + one shared standards doc; give each site its own builder with a screenshot loop; require three logged passes; deploy the folders as one static bundle via the Netlify API. Full details and deploy commands in the Fable Fifteen guide.