The Library
Substrate
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 + NativeWindIntelligence has a substrate.
weblandingdark3dwebglscrollaimanufacturinglanding-pagesaasdeep-techhardwaresemiconductorcinematickineticminimal
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.
01Landingv1
substrate.app/landing
↳ 1440 × 900 · Desktop
02Siliconv1
substrate.app/silicon
↳ 1440 × 900 · Desktop
03Processv1
substrate.app/process
↳ 1440 × 900 · Desktop
04Companyv1
substrate.app/company
↳ 1440 × 900 · Desktop
05Design System — Webv1 · cataloged
▒ system
Lattice
wafer-cinema · monochromatic · seed #8F7AFF
▒ palette
primary
secondary
tertiary
neutral
success
warning
danger
Aa typography
Display
Headline — Archivo
Body set in Hanken Grotesk. The quick brown fox jumps over the lazy dog. 0123456789.
⌬ components
PrimarySecondaryAccentTagTag
▱ shape · radius 0.25px
0px
4px
8px
12px
16px
↳ deterministic · no model call
✦ Components in use
Substrate
Extracted from 4 drafted screens · ready for the next agent
▒ Molecules
NavBar↳ Landing
Transparent over canvas, hairline-bottom seam at 35% opacity: lattice mark + SUBSTRATE wordmark, Silicon/Process/Company links, secondary 'Request allocation' button.
role · Transparent over canvas, hairline-bottom seam at 35% opacity: lattice mark + SUBSTRATE wordmark, Silicon/Process/Company links, secondary 'Request allocation' button.
Hero↳ Landing
100vh over the canvas (K0 still). Mono eyebrow, D1 'Intelligence / has a substrate.' fully bright, B1 lede (one uncut 300 mm wafer, 417,792 cores), primary CTA + 'Read the silicon →', bottom coordinates strip (lat/long, SR-2 · A14 · 300 MM, plasma live dot, scroll-cue chevron).
role · 100vh over the canvas (K0 still). Mono eyebrow, D1 'Intelligence / has a substrate.' fully bright, B1 lede (one uncut 300 mm wafer, 417,792 cores), primary CTA + 'Read the silicon →', bottom coordinates strip (lat/long, SR-2 · A14 · 300 MM, plasma live dot, scroll-cue chevron).
PrimaryContent↳ Landing
S2 MANIFESTO on solid void (38 words full-bright at rest, scrub-dim after arming) + S3 THE DIVE: 100vh→380vh pin showing the camera dive, content is the solid-carbon HUD panel (stage label, plasma scan hairline, 432·408·24) and the altitude readout.
role · S2 MANIFESTO on solid void (38 words full-bright at rest, scrub-dim after arming) + S3 THE DIVE: 100vh→380vh pin showing the camera dive, content is the solid-carbon HUD panel (stage label, plasma scan hairline, 432·408·24) and the altitude readout.
SecondaryContent↳ Landing
S4 spec band (417,792 / 102 GB / 1.2 PB/s / 380 ns + solid-carbon spec card with mini table) on solid void, S5 process strip (five hairline rows 01–05), S6 closing band (full-bleed carbon, plasma keyline top, 'Allocation for 2027 is open.', primary CTA).
role · S4 spec band (417,792 / 102 GB / 1.2 PB/s / 380 ns + solid-carbon spec card with mini table) on solid void, S5 process strip (five hairline rows 01–05), S6 closing band (full-bleed carbon, plasma keyline top, 'Allocation for 2027 is open.', primary CTA).
▱ Patterns
ObjectObject
Composition/material register: [object Object]
⌬ Organisms
NavBarRegion↳ Landing
Transparent over canvas, hairline-bottom seam at 35% opacity: lattice mark + SUBSTRATE wordmark, Silicon/Process/Company links, secondary 'Request allocation' button.
composition · scroll-cinematic page over a fixed WebGL wafer terrain: nav, hero (K0 still + headline), manifesto (220vh word-scrub pin), the dive (380vh camera pin + HUD), spec band, process strip, closing band, footer
HeroRegion↳ Landing
100vh over the canvas (K0 still). Mono eyebrow, D1 'Intelligence / has a substrate.' fully bright, B1 lede (one uncut 300 mm wafer, 417,792 cores), primary CTA + 'Read the silicon →', bottom coordinates strip (lat/long, SR-2 · A14 · 300 MM, plasma live dot, scroll-cue chevron).
composition · scroll-cinematic page over a fixed WebGL wafer terrain: nav, hero (K0 still + headline), manifesto (220vh word-scrub pin), the dive (380vh camera pin + HUD), spec band, process strip, closing band, footer
PrimaryContentRegion↳ Landing
S2 MANIFESTO on solid void (38 words full-bright at rest, scrub-dim after arming) + S3 THE DIVE: 100vh→380vh pin showing the camera dive, content is the solid-carbon HUD panel (stage label, plasma scan hairline, 432·408·24) and the altitude readout.
composition · scroll-cinematic page over a fixed WebGL wafer terrain: nav, hero (K0 still + headline), manifesto (220vh word-scrub pin), the dive (380vh camera pin + HUD), spec band, process strip, closing band, footer
SecondaryContentRegion↳ Landing
S4 spec band (417,792 / 102 GB / 1.2 PB/s / 380 ns + solid-carbon spec card with mini table) on solid void, S5 process strip (five hairline rows 01–05), S6 closing band (full-bleed carbon, plasma keyline top, 'Allocation for 2027 is open.', primary CTA).
composition · scroll-cinematic page over a fixed WebGL wafer terrain: nav, hero (K0 still + headline), manifesto (220vh word-scrub pin), the dive (380vh camera pin + HUD), spec band, process strip, closing band, footer
FooterRegion↳ Landing
Hairline-top, 4 columns: mark + brand copy, SILICON links, COMPANY links, FINE PRINT; colophon line.
composition · scroll-cinematic page over a fixed WebGL wafer terrain: nav, hero (K0 still + headline), manifesto (220vh word-scrub pin), the dive (380vh camera pin + HUD), spec band, process strip, closing band, footer
Aa Typography in use
DisplayArchivo — display headlines
HeadlineArchivo — section headlines
BodyHanken Grotesk — body & UI
MonoJetBrains Mono — numerals & code
● 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
▒ design handoff
What do you get with the Substrate design?
The Substrate deep-tech 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.
| Category | deep-tech |
|---|---|
| Surfaces | web |
| Screens | Landing, Silicon, Process, Company |
| Tools supported | Cursor, Claude Code, Bolt.new, Windsurf, v0, Lovable |
| Price | Free |
| License | Single-use build prompt + assets, not Figma |
How to rebuild this in Lovable, Bolt, Cursor or Claude Code
- Open the Substrate 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.
Substrate 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 Substrate 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 Substrate package includes Landing, Silicon, Process, Company across web.