Data Prism SaaS
Built for Refrakt, the sample brand inside the template
A privacy-first analytics landing page whose hero is a glass prism in sunlit grass: the cursor turns the light and the matching dashboard row lights up.
It builds, or it's free. If this prompt doesn't rebuild the site you saw in its live demo, email us within 14 days of buying for a full refund.
What you get
- A tested build prompt · 12.3k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
- The working projectVite + React.
npm install && npm run devand it runs, no keys or accounts. - The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.
Inside the prompt
A landing page for a privacy-first web analytics product (the sample brand is Refrakt). The hero is an inset photograph, with rounded corners and an 18px margin, of a clear glass prism lying in sunlit grass and throwing a rainbow across the blades. The headline sits top left in a light serif, a floating nav capsule top right, a small amber-framed film inset bottom left (it opens the film full size), and a sample dashboard card with a full-width amber button bottom right. Moving the cursor across the photo turns the light: the hero film scrubs so the rainbow sweeps across the grass, and the dashboard row in the same colour lights up. On a phone the photo is recomposed upright, the film is not loaded, and the light walks through the rows on its own.
- What it is
- Style
- Build steps
- Assets
- Motion
- Make it yours
- Launch checklist
- Acceptance checks
