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

Pendra

Fold-and-bloom product landing page

A full product landing page that opens on a pinned, scroll-scrubbed hero: the product starts half open, folds shut as you scroll, then opens fully while a mono HUD counts its open % and turn °, three frosted glass note cards blur in at the closed beat and blur out at the bloom, a giant outlined italic wordmark marquee fills with a metallic gradient and a "Presenting" lockup rises. Falling flakes and dust drift over everything. Below: an atelier split with count-up stats, a full-bleed parallax plate with a quote, a tilt-card collection, a commission form and a gradient wordmark footer.

  • Loader (page colour): a line-drawn product mark with a pulsing inner glow, italic brand name, a short line, a % counter and a metallic progress line. It fades straight onto the first hero frame; the intro (nav drops in, wordmark rises, HUD slides in, scroll hint) starts the moment it lifts.
  • Fixed header over the hero: italic serif wordmark + two plain links on the left; search, bag and menu icon buttons on the right (round hover wash, accent colour on hover). No CTA pill.
  • Hero (sticky 100svh inside ~420vh, scrub ~0.7s): 0–28% the frame sequence plays BACKWARDS from ~70% open to fully closed; 28–82% it plays forwards to fully open; 82–100% holds. The canvas is full-bleed with a soft vignette.
  • Live HUD, left edge at ~42% height, mono caps: 'OPEN 072%' (frame index / last frame) and 'TURN 000°' (scroll progress × 180). Both update every scroll tick and reverse on scroll up. Decorative (aria-hidden).
  • Wordmark marquee: the brand name repeated in a ~20vw thin italic serif, outline only (1px text-stroke), bleeding off the bottom edge behind the subject; it drifts left continuously and speeds up with scroll velocity. A second, gradient-filled copy of the track sits exactly on top at opacity 0 and fades in to ~0.6 at 70–82% (full bloom) while the outline dims.
  • Three frosted glass note cards (dark translucent fill, 18px backdrop blur, 1px light border, 14px radius) across the bottom: mono caps label + '01 / 03' counter, a serif title with an accent-coloured italic ampersand, two lines of body. They blur in staggered (blur 14px → 0, y 34 → 0) from 20% as the product closes, and blur out from 60% as it blooms. On phones they cycle one at a time in the same slot.
  • Lockup at 78–88%: mono 'PRESENTING', then the italic brand in white with a superscript accent-coloured 'Nº 3', and a product line; it rises from blur over the filled wordmark (soft dark text-shadow keeps it legible).
  • Overlay canvas: 7–12 falling metallic leaf-shaped flakes (gradient fill, some blurred for depth, swaying and flipping) plus ~90 twinkling dust motes rising slowly.
  • Atelier: two columns, eyebrow + serif headline revealed word by word from masks, a lede, three count-up stats with hairline tops; a 3:2 macro photo with inner parallax and a mono caption.
  • Bench: a 110vh full-bleed workshop photo with scrubbed parallax and a left-to-right dark gradient, a large italic quote revealed word by word.
  • Collection: three 4:5 product cards; hover tilts the card toward the pointer (±10° / ±8°, quickTo), zooms the image 5% and blooms a warm glow; the first card reuses the last hero frame on a canvas.
  • Commission: centred headline, a pill email input + metallic gradient pill button; inline validation message, no network call.
  • Footer: three small columns and a giant gradient italic wordmark that rises in; mono legal line.
  • Section imagery prompts (stills in the hero's palette and light so the page reads as one shoot): (1) collection cards, 4:5 — 'Dark cinematic product photograph of {{BRAND}}'s second product, a variation of {{PRODUCT}} in {{MATERIAL}}, centred on a seamless {{BACKGROUND}}, {{INNER_GLOW}} spilling through it, soft rim light from the top left, tiny dust motes, shallow depth of field, no text' (repeat for a third shape); (2) atelier macro, 3:2 — 'Extreme macro of {{MATERIAL}} on the edge of one part of {{PRODUCT}}, light leaking from behind it, {{BACKGROUND}}, shallow depth of field, no text'; (3) bench plate, 16:9 — 'Dark cinematic photograph of a maker's hands shaping one part of {{PRODUCT}} at a workbench at night, a single warm work lamp, {{BACKGROUND}} shadows, subject on the right third leaving dark space on the left, no faces, no text'.
  • Reduced motion: no pin, no Lenis, no intro guard; 3 key frames crossfade on a timer, the wordmark is shown filled, the note cards are static.
The full prompt unlocks when you copy it

Fill these in to make it yours