Clovoso: cinematic website templates and the AI prompts behind them

Build a single-screen hero section for {{BRAND}}, {{NICHE}}.

Scroll-driven website templates, and the AI prompts that build them.

Browse the libraryHow it works

“Build a single-screen hero section for {{BRAND}}, {{NICHE}}.”

Cinematic websites,one prompt away.

See the prompt behind BrocadeBrowse the library

Pick a title.Watch it move.

Each preview is a real site built from a single prompt. Choose one to put it on the screen.

Nimbus Aero

Fly-in landing hero + subject-over-wordmark

Open the prompt

The library

Every preview comes with the prompt that made it. Open one, copy it, and paste it into Claude, Cursor or v0.

39 templates. Lifetime access unlocks every Pro prompt.

Copy. Paste.Launch.

  1. Step 1

    Pick a prompt

  2. Step 2

    Paste it into your AI

  3. Step 3

    Launch it

Website prompt, Nimbus Aero

Build ONLY a single-screen cinematic HERO SECTION for {{BRAND}} ({{NICHE}}) in the "fly-in landing + subject-over-wordmark" style — one 100svh block, no other sections, no page scroll. It must drop into an existing page as-is. Stack: plain HTML/CSS/JS (or React) + GSAP 3, Google Fonts. The centerpiece is my clip `asset.mp4` ({{DURATION}}, 16:9): {{SUBJECT}} travels in from far away, grows toward camera and lands/settles dead-center in the foreground, then holds still.…

yourbrand.com

Want one built for you?

Our studio takes on a few client sites each month. Those builds never go into the library.

Start a project

Every prompt.Pick your plan.

Join 6,100+ builders shipping cinematic sites with Clovoso.

  • Every template, component, shader, section and UI screen
  • New prompts every Friday, for as long as Clovoso runs
  • Use them for yourself and for client work

  • FREE

    $0

    3 copies a day

    Free templates only

  • MONTHLY

    —/mo

    Unlimited copies

    Every template

  • ANNUAL

    —/yr

    Unlimited copies

    Every template

  • LIFETIME

    $299

    Unlimited, forever

    Every template

One email a week. Unsubscribe any time.

Hero Section

Kelda

Ambient loop hero: full-bleed seamless background clip + left copy column on a scrim

A single-screen hero where a nearly still cinematic scene breathes behind the page: only the atmosphere moves (steam, mist, light, particles) in a seamless loop, while a left-aligned column holds an eyebrow chip, a large three-line headline, short body copy with bold key phrases, two pill buttons and a glass social-proof chip with an avatar stack.

  • Layout: one 100svh hero, no scroll, no other sections. Top bar on a 3-column grid: bold wordmark left, 4 text links centered, a sign-in link right. Copy column on the left, vertically centered, about 40-44% of the width. The subject of the scene sits right of center so it never sits under the copy.
  • Background: a 4-6s clip where the camera is locked and the scene itself does not change; only ambient elements move ({{AMBIENT_MOTION}}). It is drawn as a frame sequence on a full-bleed canvas (cover fit, anchored slightly right so the subject stays in frame) and loops forever; the last ~18 frames crossfade into the first so the seam is invisible.
  • Readability: a left-to-right scrim (deep ink ~86% at the left edge fading to 0 by ~70%) plus a light top and bottom vignette, and a faint animated film grain on top of the canvas.
  • Copy stack, top to bottom: a small pill eyebrow (uppercase, wide tracking, 1px hairline border, slight backdrop blur); a 3-line headline in a semibold grotesk, tight tracking, ~5.4vw; a ~30-word paragraph in a dimmed tone with 2 key phrases in bold full-white; two pill buttons side by side (solid light fill + ghost with hairline border and blur); a dark glass chip with 3 overlapping round avatars and a 2-line trust line with a bold count.
  • Intro (after the loader): nav drops in from -14px, eyebrow rises, each headline line slides up out of its own mask (staggered 0.12s, expo out), then body, buttons and the proof chip rise 22px with fades. The background loop is already running behind the loader's fade.
  • Interactions: native cursor, no drag, no pointer-driven motion. Nav links brighten and grow an accent underline from the left on hover/focus; the solid button lifts 2px and gains a warm glow; the ghost button lifts and its border turns accent; buttons press to 0.98 on active; all of them have visible focus rings.
  • Palette (Kelda example): ink #0d141c, mist #eef1f4 (text and solid button), dimmed mist rgba(238,241,244,.74), ember #f2a65a (accent underline, focus, loader line), peach #f4c8a8.
  • Type (Kelda example): Instrument Sans 600 for the wordmark and headline, 400-600 for body, buttons and labels.
  • Mobile (<=760px): links collapse, the canvas uses a native 9:16 crop centered on the subject, the scrim turns vertical (dark at the top and bottom) and the copy stack sits at the bottom with full-width buttons.
  • Reduced motion: no loop and no intro; 3 key frames crossfade slowly as stills and everything is visible at once.
The full prompt unlocks when you copy it

Fill these in to make it yours