3D / Motion Pro
Scroll-driven product story
A narrative scroll page where the animation is pinned to a single sticky canvas and stays under budget.
The prompt
Build a scroll-driven story page for a hardware product — a modular camera called Aperture One. Core mechanic: one sticky canvas... 🔒 Unlock the full prompt with Pro access to see the complete 5-beat narrative structure, image sequence preloading, performance rules, and reduced-motion fallback.
9 more words behind Pro
Unlock all 24 promptsThe opening is above. Pro unlocks the full text — the structure, constraints and design tokens that do the real work.
Prompt Setup Guide
How to use this prompt & FAQs
Follow these simple steps to generate high-converting websites using Scroll-driven product story.
STEP 01
Copy System Prompt
Click the copy button above to grab the structured system prompt for "Scroll-driven product story".
STEP 02
Paste into AI Builder
Open Lovable, Bolt, Codex, Cursor, Claude and paste the system prompt into the composer or initial prompt box.
STEP 03
Generate & Refine
Replace any bracketed text like [App Name] with your specific details, then click generate.
Frequently Asked Questions
More like this