◢
Cinematic hero systems
Layered depth, glass cards, animated orbs and editorial typography — the same recipes used by Linear, Framer and Vercel.
Built for serious creators, designers & founders
The prompts behind cinematic
AI websites that actually convert.
DesignedPrompts is a library of prompt systems that turn any AI into a senior designer — generating premium SaaS sites, luxury landing pages and startup-grade UI instead of generic AI slop.
designedprompts.com/library
Hero / Cinematic
v2026.06
▍“Design a luxury SaaS hero with a layered glass card, animated gradient orb behind it, Instrument Serif display headline mixed with Inter body, generous 160px vertical rhythm, soft 1px hairline borders…”
Color system
Sections inside
11
Compatible with many AI's
ChatGPT
Claude
Gemini
Grok
Lovable
Cursor
v0
What's inside
Not prompts. Systems.
Every prompt is engineered with layout direction, motion direction, typography rules, spacing rhythm and color systems — so AI outputs feel handcrafted, not generated.
✦
Conversion-tuned CTAs
Prompt frameworks built around proven CTA psychology — friction reduction, anchor pricing, trust stacking.
◈
Luxury SaaS UI
Dashboard layouts, pricing tables, onboarding flows — every component sized, spaced and shadowed correctly.
◐
Motion direction
Easing curves, durations and choreography baked in — no more snappy, jittery, default AI animations.
⬢
Premium color systems
Pre-engineered OKLCH palettes with neutral ramps, accents, glow tokens and dark-mode variants.
✺
Agency-grade blueprints
End-to-end site structures: hero → social proof → product → pricing → FAQ → footer, written for high-ticket clients.
Before / After
The difference is obvious.
Same AI. Same model. Different prompt system.
Generic prompt
DesignedPrompts
Check out a demo
One prompt. One full website.
This is a single combined prompt for a high-end gym & performance training brand — fused from Hero, Industry, CTA, Color and Typography systems inside the PDFs.
Demo prompt · Gym / Performance
Design a cinematic, high-end website for "IRON CIRCUIT" — a strength & performance gym for serious athletes (not a wellness studio).
LAYOUT & STRUCTURE
Full-bleed hero with a layered glass card centered over a dark, grainy background. Generous 160px vertical rhythm. Section order: Hero → Trust strip (athletes, teams) → Programs (Strength / Hypertrophy / Conditioning) → Coaches → Pricing (3 tiers) → Testimonials → FAQ → Footer CTA. 1px hairline borders, soft inner shadows, rounded 18px cards.
TYPOGRAPHY
Display: Instrument Serif italic for emotive accents ("forged", "earned"). Body + UI: Inter 400/500/600, -0.02em tracking on headings. H1 clamp(44px, 6.5vw, 88px), tight 1.05 line-height. Eyebrows in uppercase 12px with 0.18em tracking.
COLOR SYSTEM (OKLCH dark)
Base #0a0a0a, surface rgba(255,255,255,.04), border rgba(255,255,255,.09), text #f5f5f7, dim #b4b4b8. Accent: brushed-steel gradient linear-gradient(120deg,#ffffff,#c7c7cc,#8a8a90). Hot accent for PRs/intensity: oxidized red oklch(0.62 0.19 28). One signal color only — never rainbow.
HERO
Headline: "Strength is forged, never given." Sub: "Iron Circuit is a strength gym for athletes who train with intent — programmed sessions, calibrated equipment, no mirrors-and-music nonsense." CTA primary: "Book a trial week →". CTA ghost: "See the programming". Floating mock-cards behind: a session card (sets × reps × RPE), a PR ticker, a coach roster snippet.
MOTION
Reveal-on-scroll with 28px translateY and 0.9s cubic-bezier(.2,.7,.2,1). Subtle parallax on hero orb (12px max). Hover: -2px lift + soft white-tinted shadow. No bouncy springs, no glitter, no AI shimmer.
CONVERSION
Trust stack under hero (athletes trained, PRs logged, years coaching). Pricing anchored at 3 tiers (Drop-in $35 / Member $149/mo / Athlete $249/mo) with the middle tier ribboned. Sticky bottom CTA on mobile.
CONSTRAINTS
No stock fitness photos. No neon gradients. No emoji icons. No "transform your life" wellness copy. Tone: disciplined, quiet, earned.
Pricing
One payment. Lifetime access.
No subscriptions. Free updates inside each tier. Delivered instantly as polished PDF packages.
Starter
For beginners, students and first-time creators finding their voice.
$29
Get Starter
- 104 engineered prompts across 11 sections
- 20 Website Template prompts
- 16 Industry Systems (1 per vertical)
- 15 Hero Section prompts
- 15 CTA prompts
- 10 Customization modules
- 10 Color Systems · 10 Typography Systems
- 4 Animation + 4 Conversion prompts
- 8 Troubleshooting fixes · 3 worked Examples
- Clickable TOC + full PDF navigation
Most loved
Pro
For freelancers, designers and founders shipping real client work.
$79
Get Pro
- Everything in Starter
- 424 engineered prompts across 11 sections
- 60 Website Templates · 64 Industry Systems (4 per vertical)
- 55 Hero Section prompts · 50 CTA prompts
- 40 Customization modules
- 40 Color Systems · 35 Typography Systems
- 40 Animation Systems · 40 Conversion Systems
- 15 Troubleshooting fixes · 6 worked Examples
- Commercial license for client work
Elite
Elite
For agencies, advanced creators and SaaS founders building at scale.
$249
Get Elite
- Everything in Starter + Pro
- 1,212 engineered prompts across 11 sections
- 180 Website Templates · 192 Industry Systems (12 per vertical)
- 150 Hero Section prompts · 130 CTA prompts
- 120 Customization modules
- 110 Color Systems · 90 Typography Systems
- 120 Animation Systems · 120 Conversion Systems
- 15 Troubleshooting fixes · 6 worked Examples
- Lifetime updates · Updates Vault access
- Commercial license for unlimited client work
Compare
Pick the tier that fits your craft.
| Starter | Pro | Elite | |
|---|---|---|---|
| Total engineered prompts | 104 | 424 | 1,212 |
| Website Templates | 20 | 60 | 180 |
| Industry Systems (16 verticals) | 16 | 64 | 192 |
| Hero Section Systems | 15 | 55 | 150 |
| CTA Systems | 15 | 50 | 130 |
| Color + Typography Systems | 20 | 75 | 200 |
| Animation + Conversion Systems | 8 | 80 | 240 |
| Commercial license | — | ✓ | ✓ unlimited |
| Lifetime updates | ✓ | ✓ | ✓ + vault |
Reviews
What creators are saying.
“Finally stopped fighting with generic AI output. The prompt systems actually force proper editorial layouts and motion. Landed my biggest client yet because the sites look custom.”
“The mobile responsiveness is insane. One prompt and it just works across breakpoints. Saved me 15+ hours on the last project.”
“Worth every euro. The industry-specific systems (especially restaurants and studios) are better than most $500 templates I’ve bought.”
“The troubleshooting section alone is gold. When Claude spits slop I know exactly which parameters to tweak.”
Real feedback from early Elite customers (June 2026)
FAQ
Questions, answered.
What exactly do I get when I buy?
A polished PDF package delivered instantly to your email. Each PDF contains the full prompt library, design systems, frameworks and playbooks for your tier.
Which AI tools do these prompts work with?
Every prompt is model-agnostic — they're engineered around design principles, so they work with ChatGPT, Claude, Gemini, Lovable, v0, Cursor and any future model.
Is this just a list of prompts?
No. Each entry includes layout direction, motion guidance, typography rules, spacing rhythm and color systems — that's why outputs feel premium instead of generic.
Do I get future updates?
Yes. Every tier ships with lifetime updates. Elite includes the private Updates Vault with new systems added monthly.
Can I use the prompts for client work?
Absolutely — Pro and Elite are licensed for unlimited commercial use across client and personal projects.
Refund policy?
14-day no-questions refund. If the prompts don't elevate your output, we'll return your payment.
Ship websites that look expensive.
Join 4,200+ creators using DesignedPrompts to generate premium, cinematic, conversion-ready websites with AI.
Get the prompts →