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.

3D Website

Brasaro

3D product website: a keyed turntable product fixed mid-screen that turns with scroll and docks into a size lineup

A full product website built around one object that behaves like a 3D model: a chroma-keyed turntable clip drawn on a transparent canvas, fixed in the middle of the screen. It drops in tilted over a giant distressed headline, straightens, turns one full revolution as the page scrolls past a stats card, a second giant word and ink-splat tasting notes, then flies into its slot in a size lineup and scrolls away with the page. Pairing, a dusk banner and a dark signup footer close it.

  • Asset: one closed 360 turntable clip of the product on chroma green, upscaled 2x, extracted to WebP frames and keyed to alpha offline (green-dominance key + despill), so the canvas is transparent and the product can overlap type, photos and splats.
  • The product lives on a position: fixed stage with pointer-events: none; one transform per tick (translate, rotate, scale) is computed from scrollY: hero tilt -24deg -> 0, scale 1 -> 0.9, then a live interpolation into the lineup slot's bounding rect. Frame index = scroll / dockEnd x frames, so it makes exactly one turn and lands on the front view.
  • Intro after the loader: nav drops in, two giant distressed headline lines rise from masks, the product falls in from above and wobbles into its tilt, a circular seal badge pops in at its neck, cue and rail fade in. Guard class from an inline head script, start states via gsap.set before lifting it.
  • Interactive chrome: hamburger -> full-screen wipe menu (Lenis stops, Escape closes), search icon -> slide-open field (Enter scrolls to a match), fixed accent CTA, left scroll-progress rail, rotating seal tied to scroll.
  • Spec section: product in the middle column, title + paragraph + dark button left, a paper stats card right with three huge condensed numbers and underlined READ MORE links.
  • A second distressed giant word spans the page behind the product and drifts sideways; a photo thumbnail with a round play button opens a fullscreen film dialog.
  • Tasting notes as procedural SVG ink splats (blob + tapered spikes + droplets + paper flecks) in accent and ink around the product, each popping in with back.out and reversing on the way up; plus a drip-ring stain.
  • Lineup: five items on a baseline (crate, large, docking slot, small, trio); the static bottles reuse frame 0 at different scales and the moving product docks into the empty centre slot.
  • Pairing split with an inline expandable list, a full-bleed dusk banner with parallax, and a dark footer: signup with inline validation, three link columns with underline sweeps, legal line, huge ghost wordmark.
  • sectionPrompts (same palette and warm light as the hero): (1) pairing: moody overhead food photograph on a dark charred table with the product's sauce in a small dish, warm amber side light, accent and page-colour props; (2) banner: wide 21:9 dusk landscape of where the product comes from, burning ember sky, the lower-left third dark for text; (3) thumbnail: candid documentary photo of the maker at work, warm ember light, page-colour clothing accent; (4) lineup crate: open wooden crate of the same product bottles on a plain light grey background, then a subject cutout.
The full prompt unlocks when you copy it

Fill these in to make it yours