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 SectionPro

Varde

Levitate-and-annotate product hero

One full-screen product hero, no scroll: a product rests on a natural pedestal in a dark, moody set, then lifts, tilts and floats toward the camera while a coloured backlight blooms behind it; at its peak two spec callouts draw out of the product on thin leader lines with bracketed labels, then everything settles back and loops. A three-word headline sits in three corners of the frame around it.

  • Layout: one 100svh block, overflow hidden. Full-bleed canvas frame sequence; nav bar with hairline on top; a giant three-word headline pinned to the top-left, top-right and bottom-right corners; a pill badge and 4 lines of mono copy bottom-left.
  • Loop (autoplay, ~11s, repeats): rest on the pedestal 2.4s → lift 2.3s (frames forward + ~6% push-in + glow overlay up) → hold 3s with a gentle ±6px bob and two callouts → settle 2.2s (frames back). No input needed, so it reads the same in a screen recording.
  • Callouts: a dot on the product, a 1px leader line that draws out to an elbow and across, then a light label box (dark mono caps) with four L-shaped corner brackets wiping in from the line side. They appear staggered at the start of the hold and wipe out before the settle. Anchors are stored per clip in frames.json (last frame, normalised) and mapped through the canvas transform every frame, so they follow the bob; labels flip side and clamp inside the viewport rather than clip, and sit above the headline.
  • Ambient life during the rest beat: a light particle canvas (sleet streaks in the example) drifting diagonally, plus a ≤1% breathing zoom, so the idle frame never looks frozen.
  • Glow: the clip carries its own backlight bloom; a screen-blend radial overlay adds up to ~0.4 more at the peak so the colour reads behind the type.
  • Interactive elements: nav links (accent underline wipes in on hover), a CTA link and burger (middle bar nudges on hover), and the pill badge, which pauses/resumes the loop (aria-pressed, filled when paused). Nothing is draggable; the hero is user-select:none.
  • Intro: loader (brand mark, counter, progress line) fades only after frame 0 is drawn and the intro start state is applied; then the nav drops in, the three words rise out of masks with a stagger, the badge pops and the copy lines rise; the loop starts half a second in.
  • Mobile: the full 16:9 frame drawn at ~1.85× screen width around the product, feathered into a blurred cover copy, words restacked, nav links hidden. Reduced motion: three key frames crossfading, no loop or callouts.
  • Asset tip: the clip only needs the lift + tilt + glow; fake the extra approach toward the camera with a canvas push-in. Keep the product small and centred in the frame so the lift has room.
  • Palette (example): night #070b10, slate #142029, bone #eef2ef, glacier accent #8de9e4. Type (example): Archivo (wdth 112, 500) for display, DM Mono for labels and copy.
The full prompt unlocks when you copy it

Fill these in to make it yours