Cinematic Websites with AI
The creative method behind cinematic web design: the visual DNA, a formula for writing your own site, image and copy prompts, and a curated bank of production-ready prompts for v0, Lovable, Bolt, Cursor and Claude Code.
Curriculum
01The Cinematic Language
3 lessons
- 9mFree preview
What makes a site cinematic
Dark stage, dramatic light, depth, giant type, grain. The DNA in five moves.
- 12m
The formula: write your own prompts
Six blocks, in order. Knowing the formula makes every prompt bank optional.
- 8m
Tuning levels & the five mistakes
Small changes, different site: palette, motion, reference.
02The Site Prompt Bank
5 lessons
- 10m
SaaS & product pages
Five production prompts, from a Site-of-the-Day hero to cinematic pricing.
- 10m
Portfolios & personal brands
Editorial heroes, kinetic names, sticky case studies.
- 9m
Launches, drops & events
Countdowns, hype pages, waitlists and keynote reveals.
- 10m
Agencies, e-commerce & luxury
Statement heroes, premium product stages, magazine lookbooks.
- 8m
App & mobile showcases
Floating phones, scroll-swapped screens, glowing store badges.
03Images, Copy & Direction
3 lessons
- 11m
Image prompts: light, texture, atmosphere
Backgrounds, product stages, abstract 3D and the overlays that unify them.
- 10m
Copy prompts: headlines to closing
Result-first headlines, objection-breaking FAQs, closing CTAs.
- 8m
Directing the output
Generate, pick, tune, iterate. You are the director, not the audience.