The Library
Meridian
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 + NativeWindWealth, kept like a promise.
weblandingluxurydarkwealthseriflanding-pagefintechfinancewealth-managementprivate-bankinginvestingmoneyeditorialemeraldgold
How the prompts work
Preview
▒ best build path
Motion-heavy interface
Use first
Cursor
Claude Code
Codex
Also works
v0
Bolt
Ask for the design system first, then implement motion one screen at a time. Paste the full Library prompt first, then compare the result against the live demo.
01Landingv1
meridian.app/landing
↳ 1440 × 900 · Desktop
02Methodv1
meridian.app/method
↳ 1440 × 900 · Desktop
03Membershipv1
meridian.app/membership
↳ 1440 × 900 · Desktop
04Lettersv1
meridian.app/letters
↳ 1440 × 900 · Desktop
05Design System — Webv1 · cataloged
▒ system
Engraved Ledger
private-bank · complementary · seed #2f7d5d
▒ palette
primary
secondary
tertiary
neutral
success
warning
danger
Aa typography
Display
Headline — Playfair Display
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
Meridian
Extracted from 4 drafted screens · ready for the next agent
▒ Molecules
NavBar↳ Landing
Hairline-bottom bar: compass mark + letterspaced wordmark, three links, gold-outline invitation button (magnetic).
role · Hairline-bottom bar: compass mark + letterspaced wordmark, three links, gold-outline invitation button (magnetic).
Hero↳ Landing
The promise. 124px Playfair over a slow gradient-mesh, gold italic on the last word, then a 3-stat band with count-ups separated by hairlines.
role · The promise. 124px Playfair over a slow gradient-mesh, gold italic on the last word, then a 3-stat band with count-ups separated by hairlines.
PrimaryContent↳ Landing
The three duties (Stewardship/Structure/Succession) as a 1px-gap card grid with roman numerals and engraved line glyphs.
role · The three duties (Stewardship/Structure/Succession) as a 1px-gap card grid with roman numerals and engraved line glyphs.
SecondaryContent↳ Landing
Creed marquee between hairlines, then the closing CTA band over sparse gold particles: 'Quiet money compounds loudest.'
role · Creed marquee between hairlines, then the closing CTA band over sparse gold particles: 'Quiet money compounds loudest.'
▱ Patterns
ObjectObject
Composition/material register: [object Object]
⌬ Organisms
NavBarRegion↳ Landing
Hairline-bottom bar: compass mark + letterspaced wordmark, three links, gold-outline invitation button (magnetic).
composition · full-width marketing page: nav, oversized hero with mesh organism, 3-pillar grid, creed marquee + CTA band, footer
HeroRegion↳ Landing
The promise. 124px Playfair over a slow gradient-mesh, gold italic on the last word, then a 3-stat band with count-ups separated by hairlines.
composition · full-width marketing page: nav, oversized hero with mesh organism, 3-pillar grid, creed marquee + CTA band, footer
PrimaryContentRegion↳ Landing
The three duties (Stewardship/Structure/Succession) as a 1px-gap card grid with roman numerals and engraved line glyphs.
composition · full-width marketing page: nav, oversized hero with mesh organism, 3-pillar grid, creed marquee + CTA band, footer
SecondaryContentRegion↳ Landing
Creed marquee between hairlines, then the closing CTA band over sparse gold particles: 'Quiet money compounds loudest.'
composition · full-width marketing page: nav, oversized hero with mesh organism, 3-pillar grid, creed marquee + CTA band, footer
FooterRegion↳ Landing
Three quiet columns + fine print. By invitation.
composition · full-width marketing page: nav, oversized hero with mesh organism, 3-pillar grid, creed marquee + CTA band, footer
Aa Typography in use
DisplayPlayfair Display — display headlines
HeadlinePlayfair Display — section headlines
BodyHanken Grotesk — body & UI
Mono—
● Accent usage
Accent reserved for primary CTAs, key numerals, and active states; restrained elsewhere.
↳ machine-readable · cataloger v1
↳ 1440 × auto · specimen
▒ screen prompts
▒ design recipe · what to preserve
▒ assets · download and regenerate
figure — decorative, engraved still life in emerald/gold palette
v-1 library license (generated, no third-party rights)
figure — Method, 'The instruments' section
v-1 library license (generated, no third-party rights)
cinematic band — Letters secondary-content, subscribe band
v-1 library license (generated, no third-party rights)
cinematic band — Landing secondary-content, vault band
v-1 library license (generated, no third-party rights)
▒ design handoff
What do you get with the Meridian design?
The Meridian fintech 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 Claude Code, Cursor, Bolt.new, Windsurf, Replit Agent, v0; v-1.design does not export Figma and does not host the final app.
| Category | fintech |
|---|---|
| Surfaces | web |
| Screens | Landing, Method, Membership, Letters |
| Tools supported | Claude Code, Cursor, Bolt.new, Windsurf, Replit Agent, v0 |
| Price | Free |
| License | Single-use build prompt + assets, not Figma |
How to rebuild this in Lovable, Bolt, Cursor or Claude Code
- Open the Meridian design and copy the full build prompt.
- Paste it into your AI builder or coding agent (Lovable, Bolt, v0, Cursor, Claude Code or Codex).
- Generate the design system and core screens from the prompt.
- Edit the copy, data and routing to fit your product.
- Wire it to your backend, or hand the prompt to a developer.
Meridian 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 Meridian 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 Meridian package includes Landing, Method, Membership, Letters across web.
▒ related fintech designs