Skip to content
Back to the catalogue
076 sections · React 19 + Vite + three + framer-motionIn plan $40/mo$79
No. 07
THE SITE RUNNING · 8 S · PREVIEW RECORDING, NO SOUND

Section index

01Hero
02The wipe
03How allowance works
04Parents see
05Out there
06FAQ

First lines of the prompt · 1,500 of 119,123 characters

---
Site: SPRIG (sprig.example.com), a fictional prepaid card for teenagers (studio loader, plain three.js card hero with a freeze toggle, circle wipe, activity card, assembling panel, pixel buttons, quiet FAQ). Single page, English.
Media: 4 photographs generated for this prompt at 2K (Higgsfield Soul 2.0 (soul_2)); all vector art is drawn in SVG/CSS inside the code. No video.
Fonts: Space Grotesk and Space Mono, both from Google Fonts.
Compatible with: Claude, Cursor, Lovable, v0 (React 19 + TypeScript + Vite + Framer Motion 12, plain CSS).
Demo identity: brand, prices, figures, studios and any data are illustrative. Keep the concept-site line in the footer. Contacts use example.com; no form sends anything: submissions only become a local draft on screen. Keep the header comments of the components and the licences of the dependencies.
Text: all visible copy lives in src/content.ts; to translate, change only that file and index.html.
---

# SPRIG — teen prepaid card landing, a three.js card that tilts toward the pointer

**What it is.** The landing page of Sprig, a fictional prepaid card for teenagers with a parent app: a lime card, allowance on a schedule, instant freeze, no overdraft. Single page, English, short (a compact WebGL entry: a loader, a WebGL hero and four short sections). Brand, figures and quotes are fictional; the footer says so.

**Why it exists as a product.** Sold as a prompt whose selling point is a **plain-WebGL hero**: a lime card rendered in three.js (

The full prompt appears after you copy. 119,123 characters, nothing summarized.