The Library

Estate

FreeBuild-verifiedClaude Sonnet 4.6This prompt was scaffolded from scratch by Claude Sonnet 4.6 into a compiling, running app — verified, not just a screenshot.Expo Router + React Native + NativeWind

Live like the view never ends.

weblandingluxurylightpropertyseriflanding-pagewarmeditorialreal-estaterealestatelistingsvillahomesarchitectureportfolioshowcaseimage-led
How the prompts work
Preview
▒ best build path
3D or WebGL design
Use first
Claude Code
Codex
Cursor
Also works
Bolt
Use a repo-aware agent and verify the canvas renders on desktop and mobile. Paste the full Library prompt first, then compare the result against the live demo.
01Homev1
estate.app/home
1440 × 900 · Desktop
02Listingsv1
estate.app/listings
1440 × 900 · Desktop
03Propertyv1
estate.app/property
1440 × 900 · Desktop
04Journalv1
estate.app/journal
1440 × 900 · Desktop
05Design System — Webv1 · cataloged
▒ system
Stone & Ink
luxury-property · analogous · seed #2d4a35
▒ palette
primary
secondary
tertiary
neutral
success
warning
danger
Aa typography
Display
Headline — Instrument Serif
Body set in Hanken Grotesk. The quick brown fox jumps over the lazy dog. 0123456789.
⌬ components
PrimarySecondaryAccentTagTag
▱ shape · radius 0.125px
0px
4px
8px
12px
16px
↳ deterministic · no model call
✦ Components in use

Estate

Extracted from 4 drafted screens · ready for the next agent
▒ Molecules
PropertyStatChipHome · Listings · Property
Compact inline badge pairing a minimalist line icon (bed, bath, sqm) with a metric value.
role · Display key property specifications at a glance without visual clutter.
EditorialArticleCardJournal
Magazine-style list item featuring a Roman numeral, serif title, subtitle, and metadata row.
role · Present long-form thought leadership in an unhurried, print-inspired format.
BrandKeyMarkHome · Listings · Property · Journal
Minimalist SVG key glyph stroked in var(--primary) used as a logo and home anchor.
role · Provide consistent, elegant brand identification across all views.
TerracottaGlowButtonProperty
Primary CTA button utilizing a pulsing var(--accent) box-shadow animation (es-glow).
role · Drive primary conversions (e.g., 'Schedule Viewing') with a singular, high-contrast focal point.
LocationMetaTagListings · Property
Small typographic lockup pairing the LocationPin glyph with a region or city name.
role · Ground the property in its geographical context using muted foreground tones.
▱ Patterns
CinematicImageReveal
Using slow Ken Burns panning (es-kb) and skew/line-mask transitions to unveil high-resolution photography, reinforcing the unhurried luxury aesthetic.
StaggeredFadeUpEntry
Applying the es-fade-up animation with incremental delays to lists and grids so content gently rises into place rather than popping in abruptly.
EditorialNumbering
Replacing standard integers with Roman numerals (I, II, III) for lists and articles to evoke a curated, print-magazine sensibility.
RestraintAccentGlow
Reserving the terracotta accent strictly for primary conversion moments via animated glows, keeping the rest of the UI in bone/ink/forest tokens.
⌬ Organisms
KenBurnsHeroHome · Property
Full-bleed image container applying a slow, continuous scale and translate animation (es-kb) with a dark gradient overlay.
composition · Absolute positioned image layer behind a flex-column text overlay anchored to the bottom.
EditorialJournalListJournal
Vertical scrolling feed of article cards with staggered fade-up and line-mask reveal animations.
composition · Vertical flex column with generous padding and alternating typographic weights.
PropertyMetricsGridHome · Listings · Property
Structured layout composing multiple PropertyStatChip molecules into a cohesive technical summary.
composition · CSS Grid or flex-wrap row with subtle var(--card) background and hairline dividers.
ListingsFeedListings
Scrollable vertical inventory of available estates, combining imagery, location tags, and metrics.
composition · Vertical stack of image-led cards with persistent header and filter controls.
Aa Typography in use
DisplayElegant high-contrast serif, 32-48px, used for immersive hero titles and main screen headers to establish editorial authority.
HeadlineRefined serif or lightweight sans, 20-28px, used for property names, article titles, and section markers.
BodyClean, highly legible sans-serif, 14-16px, used for property descriptions, article excerpts, and general UI copy in var(--foreground).
MonoSubtle monospace or tracking-wide uppercase sans-serif, 11-13px, used for metadata like '12 min read', dates, and technical labels in var(--muted-foreground).
● Accent usage
A single terracotta tone (var(--accent)) used with extreme restraint. It appears almost exclusively on primary conversion CTAs (via the es-glow box-shadow) and critical active states. The restraint principle dictates that 95% of the interface relies on the bone, ink, and deep-forest palette (var(--background), var(--primary), var(--muted-foreground)), ensuring the terracotta moment commands absolute, undivided attention when it finally appears.
↳ machine-readable · cataloger v1
1440 × auto · specimen
▒ screen prompts
▒ design recipe · what to preserve
▒ assets · download and regenerate
figure — master suite with mountain view, gallery strip on Property screen
figure — master suite with mountain view, gallery strip on Property screen
v-1 library license (generated, no third-party rights)
Download
figure — open-plan living room with ocean view, gallery strip on Property screen
figure — open-plan living room with ocean view, gallery strip on Property screen
v-1 library license (generated, no third-party rights)
Download
hero — Home full-bleed cinematic hero (hillside villa at dusk with infinity pool)
hero — Home full-bleed cinematic hero (hillside villa at dusk with infinity pool)
v-1 library license (generated, no third-party rights)
Download
▒ design handoff

What do you get with the Estate design?

The Estate real-estate design ships as a finished visual system plus the exact AI-builder prompt to rebuild it. You get the design direction, screen set, assets and prompt for Cursor, Claude Code, Bolt.new, Windsurf, v0, Lovable; v-1.design does not export Figma and does not host the final app.

Categoryreal-estate
Surfacesweb
ScreensHome, Listings, Property, Journal
Tools supportedCursor, Claude Code, Bolt.new, Windsurf, v0, Lovable
PriceFree
LicenseSingle-use build prompt + assets, not Figma

How to rebuild this in Lovable, Bolt, Cursor or Claude Code

  1. Open the Estate design and copy the full build prompt.
  2. Paste it into your AI builder or coding agent (Lovable, Bolt, v0, Cursor, Claude Code or Codex).
  3. Generate the design system and core screens from the prompt.
  4. Edit the copy, data and routing to fit your product.
  5. Wire it to your backend, or hand the prompt to a developer.

Estate FAQ

Does this include source code or a prompt?
You get the exact AI-builder prompt plus the design system and assets, not a code repo. Your AI builder or developer generates the code from the prompt.
Which AI builders does the Estate prompt work in?
It is written for Lovable, Bolt, v0, Cursor, Claude Code and Codex, and pastes into any coding agent or hands to a developer.
Is this a Figma file?
No. v-1.design does not export Figma. You get a finished design plus the prompt and assets to rebuild it.
What screens are included?
The Estate package includes Home, Listings, Property, Journal across web.