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

Sillage

Painted-chapter scroll story with canvas dissolves

A full landing page told as a gallery of paintings in one consistent fine-art style. A single fixed canvas paints every chapter: the hero is a scroll-scrubbed push-in into a painted scene, later chapters are a second scrubbed clip and painted stills that pan or settle into an ornamental frame, and every chapter change is a dissolve computed on the canvas (fine gold dust, halftone dots, chunky pixel blocks) that reverses cleanly when you scroll back. Thin hairline grid lines with four-point sparkles, a left chapter rail, a mono 'order' pill, scattered questions that light up one at a time in a framed card, a glass form linked by a dotted line to a star in a painted window, and a big serif wordmark footer.

  • Loader (#loader, ink background): small product glyph that fills as a % counter climbs, serif brand name, italic sub-line and a thin progress line. It lifts only after frame 0 is painted and the intro start state is set; the intro starts the moment it lifts.
  • Fixed chrome on every chapter: emblem top-left, a full-width hairline at ~72px and a vertical rail hairline at ~70px from the left; a 2x2 'chapters' button on the rail that opens a small glass index; one short tick per chapter on the rail with the active tick longer and the chapter label (mono caps) sliding to it and swapping with a blur; a 1px scroll-progress line along the top edge; a dark mono 'Order ->' pill top-right with a boxed arrow that fills with the accent on hover. Chrome turns dark on the light (paper) chapter.
  • Hero (sticky 100svh inside ~560vh): intro after the loader: hairlines draw (scaleX/scaleY), sparkles pop at their crossings, headline lines rise from masks, then the italic sub-line, the CTA and the 'service row' (mono tag + paragraph below the horizontal hairline) unblur in. On scroll 3-10% the whole hero copy blurs away; 0-100% scrubs the push-in clip; three beats (serif line + mono tag + one sentence) blur in and out one after another at ~17%, ~44%, ~71%.
  • Chapter dissolve 1 (gold dust): ~9px blocks of the next painting appear rising from the bottom with random jitter while ~150 warm specks drift up and fade; all of it is a pure function of the scroll gap between chapters, so it reverses.
  • Painted sky chapter (~280vh): a wide sky-over-fields still at 1.2x zoom pans from the clouds down to the horizon; a mono tag, a serif headline and a paragraph sit top-right; the paragraph's words light up from 12% to 100% opacity in reading order as you scroll.
  • Halftone dissolve into a second scrubbed clip that lives in the left ~62% panel, softened into a dark reading column on the right. A vertical ruler with ticks runs down the column; an accent dot rides the ruler with chapter progress and a mono % counter counts 0-100. Copy: mono tag, serif lead, sans body.
  • Pixel-block dissolve (38px blocks, centre-out) into a light paper chapter: an engraving fills the screen, then (38-64%) the image clip-rect and the image itself interpolate into a framed tile on the left (double border, small sparkle rosettes at the corners) while the copy column unblurs on the right.
  • Questions chapter: a flower still-life that frames a dark centre. Centred serif title with one italic accent word; six dim, slightly blurred questions scattered left and right; one framed card (sparkles on two corners) in the middle shows the active question + answer. The active one follows scroll progress; hovering a dim question brightens it, clicking it pins it in the card (until the scroll reaches the next one). On phones the scattered questions become numbered chips under the card.
  • Commission chapter: a night interior with a painted window; canvas-drawn stars twinkle inside the window; a glass form on the left (pill inputs with icons, a glass textarea, an outline 'send' pill that fills with the accent on hover) and a dotted line drawn on the canvas from the form to the brightest star, growing as the form appears. Submit is handled client-side with a thank-you line.
  • Footer chapter: a painting with two figures at a table; hairlines draw a centred column with sparkles at two crossings; a huge serif lowercase wordmark with a small accent square as its full stop rises from blur, then an italic tagline and a two-column mono credits row (studio line, email).
  • Reduced motion: no Lenis, no blur; every dissolve becomes a crossfade; scrubbed clips step between 3 key frames; copy appears without the intro guard.
The full prompt unlocks when you copy it

Fill these in to make it yours