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

Brocade

Ambient procession hero: full-bleed looping mass-motion clip + bottom-split copy and flank labels

A single-screen hero where a locked high-angle shot is full of small subjects moving steadily the same way, looping forever behind the page. The copy hugs the bottom edge: a big two-line headline on the left, a short paragraph with a solid pill button and an arrow text link on the right, and two tiny flank labels sit at mid-height on the left and right edges.

  • Layout: one 100svh hero, no scroll, no other sections, no footer. Top bar on a 3-column grid: a small round brand mark + bold wordmark left, five dimmed text links centered, a 'Log in' link right. Everything else lives on the bottom edge and the two side edges, so the middle of the frame belongs to the moving scene.
  • Background: a 5s clip shot from high above with the camera locked; the scene is full of {{MOVERS}} that keep moving steadily in one direction ({{FLOW}}). It is drawn as a frame sequence on a full-bleed canvas (cover fit, centered) and loops forever; the last ~20 frames crossfade into the first so the seam reads as just more of the same flow.
  • Readability: a bottom scrim (ink ~92% at the bottom edge, ~55% at a quarter of the height, 0 by the middle), a light top gradient for the nav and a soft radial vignette, plus a faint animated film grain.
  • Bottom copy, split in two columns aligned to the bottom: left, a two-line headline in a bold grotesk (~4.6vw, line-height 1.04, tight negative tracking); right, a ~30-word paragraph in a dimmed tone (max ~34ch), then a solid light pill button and a text link with a small chevron, side by side.
  • Flank labels: two short phrases (~12px, dimmed) at ~30% of the height, one hugging the left gutter and one hugging the right gutter, like captions pinned to the scene.
  • Intro (after the loader): nav drops in from -14px, each headline line slides up out of its own mask (stagger 0.13s, expo out), then the paragraph and the actions rise 20px with fades, and the two flank labels fade in last. The background loop is already running as the loader fades.
  • Interactions: native cursor, nothing to drag and no pointer-driven motion. Nav links brighten and grow a 1px accent underline from the left on hover/focus; the pill button lifts 2px with a soft accent glow and presses to 0.98; the text link's chevron slides 4px right on hover/focus; every link and button has a visible accent focus ring.
  • Palette (Brocade example): ink #0a0f0d, paper #f3efe6 (text and button), dimmed paper rgba(243,239,230,.66), koi #e5582d (accent underline, focus ring, loader line, brand dot), gold #d9a646.
  • Type (Brocade example): Manrope 700 for the wordmark and headline, 500-600 for links, buttons and body.
  • Mobile (<=760px): links collapse, the canvas uses a native 9:16 crop of the clip, the scrim gets darker and taller, the flank labels move up to ~13% of the height and the copy stacks at the bottom (headline, paragraph, actions) with 16px gutters.
  • Reduced motion: no loop and no intro; 3 key frames crossfade slowly as stills and everything is visible at once.
The full prompt unlocks when you copy it

Fill these in to make it yours