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.

Landing PagePro

Vapora

Veil-clear reveal + scroll-scrubbed pull-back + horizontal journey track

A full cinematic landing page. The hero opens behind a drifting haze veil with a single 'scroll to clear' line; scrolling clears the veil, sharpens the scene and blurs in a giant wide-tracked word, then scrubs a camera pull-back through a dark natural frame that reveals a lone figure in the foreground, while a corner HUD ticks live readouts. The page then pins into a horizontal track of tall photo cards (a day-by-day journey), followed by a figures band, a booking band and a footer.

  • Layout: fixed top bar (logo glyph + wide-tracked wordmark left, 4 mono uppercase links, one solid light CTA button right). Hero = a tall section (~340vh) with a sticky 100svh stage; then a pinned horizontal card track, a 3-figure band, a centered booking band and a footer.
  • Hero beats (fractions of the hero scroll): 0 = scene drawn blurred, dimmed and desaturated under a drifting haze veil with floating motes, a small mono kicker, one wide-tracked 'Scroll to clear the ...' line and a bobbing arrow. 0–0.24: veil fades, blur/brightness/saturation tween to normal, kicker lifts away. 0.14: HUD fades in. 0.14–0.28: giant wide-tracked word blurs in (blur 18px to 0) across the upper third; 0.42–0.56: it blurs out upward. 0.22–0.88: canvas frames scrub the pull-back. 0.92: HUD fades.
  • Signature: the camera move is a PULL-BACK through a dark organic frame (cave mouth, archway, canopy, window) that closes in at the edges while a small foreground figure on a ledge comes into view, so the reveal ends on a framed, composed tableau.
  • HUD: thin corner brackets inset from the viewport, top-left a live clock (ticks every second), top-right a readout that counts with scroll (our example: pool temperature 36.8 to 39.4 C), bottom-left a place name with coordinates, bottom-right 'Scroll'. All mono, uppercase, letter-spaced.
  • Journey track: left column with a 3-line headline, short paragraph and a thin accent rule; to its right a row of 3:4 photo cards (every second card offset 40px lower) translating left as you scroll while the section is pinned; each card has a mono day chip on the image, an accent index number, a display-font title and a 2-line caption; images parallax inside their frames. On phones the track becomes a vertical stack.
  • Palette (Vapora example): basalt #0b0d10, panel #12161b, steam text #e9eef0, mist secondary #9aa7ae, mineral accent #7fd1c7, afterglow accent #e8a48f.
  • Type (Vapora example): display Cormorant Garamond 300–500 (giant word ~12.6vw, tracking .14em, uppercase), HUD and labels JetBrains Mono 11–12px tracking .16–.26em, body Manrope 14–16px/1.6.
The full prompt unlocks when you copy it

Fill these in to make it yours