The Library
ORBA
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.Next.js · React Three Fiber · drei · @react-three/postprocessing · GSAP · LenisWhere gravity becomes light.
webagencystudioportfoliolanding-pagewebgl3dthree-jsshaderscrollinteractivedarkcinematicspacenebulacreative
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.
01Planetv1
orba.app/planet
↳ 1440 × 900 · Desktop
02Fieldv1
orba.app/field
↳ 1440 × 900 · Desktop
03Workv1
orba.app/work
↳ 1440 × 900 · Desktop
04Design System — Webv1 · cataloged
▒ system
Orbital
space-cinema · complementary · seed #FF5A3C
▒ palette
primary
secondary
tertiary
neutral
success
warning
danger
Aa typography
Display
Headline — Anton
Body set in Geist. 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
ORBA
Extracted from 3 drafted screens · ready for the next agent
▒ Molecules
NavBar↳ Planet
Glass pill centered at top: ORBA wordmark (letter-spaced caps) | divider | Work About Contact inactive links | 'Get in touch' inset darker pill. backdrop-filter blur, 1px rgba(255,255,255,0.10) border.
role · Glass pill centered at top: ORBA wordmark (letter-spaced caps) | divider | Work About Contact inactive links | 'Get in touch' inset darker pill. backdrop-filter blur, 1px rgba(255,255,255,0.10) border.
Hero↳ Planet
100vh. Section-local <canvas> renders the garden planet at rest: grey cratered top hemisphere, pine trees on the saucer ring at the equator, molten-red emissive underside, BackSide fresnel atmosphere, 2 translucent ghost moons foreground L+R, starfield + dust. A giant ghosted DOM 'PLANETS' wordmark (rgba(255,255,255,0.05), Anton, ~22vw) sits behind the planet. Slow idle rotation + mouse-parallax tilt arm live; capture-safe settled frame at rest.
role · 100vh. Section-local <canvas> renders the garden planet at rest: grey cratered top hemisphere, pine trees on the saucer ring at the equator, molten-red emissive underside, BackSide fresnel atmosphere, 2 translucent ghost moons foreground L+R, starfield + dust. A giant ghosted DOM 'PLANETS' wordmark (rgba(255,255,255,0.05), Anton, ~22vw) sits behind the planet. Slow idle rotation + mouse-parallax tilt arm live; capture-safe settled frame at rest.
PrimaryContent↳ Planet
Overlay microcopy: a small coral eyebrow 'ORBA STUDIO · INTERSTELLAR DESIGN' bottom-left over the canvas, a one-line manifesto, and the footer split (WHERE GRAVITY BECOMES LIGHT / MMXXVI) — all DOM over the planet.
role · Overlay microcopy: a small coral eyebrow 'ORBA STUDIO · INTERSTELLAR DESIGN' bottom-left over the canvas, a one-line manifesto, and the footer split (WHERE GRAVITY BECOMES LIGHT / MMXXVI) — all DOM over the planet.
Footer↳ Planet
N monogram chip bottom-left (inverted, rounded square); footer microtype split across the bottom.
role · N monogram chip bottom-left (inverted, rounded square); footer microtype split across the bottom.
▱ Patterns
ObjectObject
Composition/material register: [object Object]
⌬ Organisms
NavBarRegion↳ Planet
Glass pill centered at top: ORBA wordmark (letter-spaced caps) | divider | Work About Contact inactive links | 'Get in touch' inset darker pill. backdrop-filter blur, 1px rgba(255,255,255,0.10) border.
composition · full-viewport garden-planet hero over the void: glass nav pill (top-center), ghosted PLANETS wordmark behind, the WebGL garden planet centered, ghost moons + starfield, eyebrow + footer microcopy, N monogram bottom-left
HeroRegion↳ Planet
100vh. Section-local <canvas> renders the garden planet at rest: grey cratered top hemisphere, pine trees on the saucer ring at the equator, molten-red emissive underside, BackSide fresnel atmosphere, 2 translucent ghost moons foreground L+R, starfield + dust. A giant ghosted DOM 'PLANETS' wordmark (rgba(255,255,255,0.05), Anton, ~22vw) sits behind the planet. Slow idle rotation + mouse-parallax tilt arm live; capture-safe settled frame at rest.
composition · full-viewport garden-planet hero over the void: glass nav pill (top-center), ghosted PLANETS wordmark behind, the WebGL garden planet centered, ghost moons + starfield, eyebrow + footer microcopy, N monogram bottom-left
PrimaryContentRegion↳ Planet
Overlay microcopy: a small coral eyebrow 'ORBA STUDIO · INTERSTELLAR DESIGN' bottom-left over the canvas, a one-line manifesto, and the footer split (WHERE GRAVITY BECOMES LIGHT / MMXXVI) — all DOM over the planet.
composition · full-viewport garden-planet hero over the void: glass nav pill (top-center), ghosted PLANETS wordmark behind, the WebGL garden planet centered, ghost moons + starfield, eyebrow + footer microcopy, N monogram bottom-left
FooterRegion↳ Planet
N monogram chip bottom-left (inverted, rounded square); footer microtype split across the bottom.
composition · full-viewport garden-planet hero over the void: glass nav pill (top-center), ghosted PLANETS wordmark behind, the WebGL garden planet centered, ghost moons + starfield, eyebrow + footer microcopy, N monogram bottom-left
SecondaryContentRegion↳ Work
Closing CTA band: condensed headline 'ENTER THE FIELD', a coral 'Get in touch →' pill, contact line studio@orba.space.
composition · selected work in the same dark-space identity: low-opacity nebula backdrop, a 4-tile project grid, a final enter-the-field CTA
Aa Typography in use
DisplayAnton — display headlines
HeadlineAnton — section headlines
BodyGeist — 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 ORBA design?
The ORBA agency 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 | agency |
|---|---|
| Surfaces | web |
| Screens | Planet, Field, Work |
| 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 ORBA 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.
ORBA 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 ORBA 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 ORBA package includes Planet, Field, Work across web.
▒ related agency designs