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 Section

Ferrow

Arrival intro hero + cutout over wordmark + stat cards

A single-screen hero where the subject travels in from deep in a soft, misty scene and settles into a close three-quarter portrait. While it is still moving, an editorial serif headline slides in from the left and two dark notched stat cards fly in from the right; once it has settled, a giant pale wordmark rises out of the haze BEHIND it, with a cutout of the subject layered in front of the type.

  • Scope: one 100svh hero block. No other sections, no page scroll, no footer.
  • Layout: top bar with a small mark + spaced uppercase wordmark (left), 4 spaced uppercase links (center, active one darker with an underline), 'Sign in' text link + dark pill CTA (right). Left middle: eyebrow with a short rule, two-line serif headline (second line italic), a 2-line paragraph, a brass pill CTA + text link with an arrow. Right middle: an avatar stack with a social-proof line, then two dark stat cards side by side.
  • Stat cards: near-black, 16px radius, a notched top edge (the left part of the top is cut down so the label sits on a raised tab at the top-right), an image well cropped from the hero footage with a 2-line bold caption over a dark gradient, a large light-weight metric, and 3 small dots (the active one in the accent colour).
  • Beats (time-driven, plays once on load, no scroll): 0% the top bar fades down and the clip starts playing at native speed; ~45% the eyebrow, headline lines (masked rise), paragraph and CTAs slide in from the left with a blur-to-sharp; ~50% the cards fly in from the right with blur-to-sharp, staggered, and the avatar line follows; 100% the clip has settled, the cutout layer takes over and the giant wordmark rises (yPercent ~38 -> 0) and un-blurs behind the subject over ~1.6s.
  • Interactive elements: nav links (underline grows from the left on hover), dark pill and brass pill (lift 2px on hover, press scales to .98), text link (underline on hover), stat cards (tilt up to ~10deg toward the pointer and lift 6px, spring back on leave; fine pointers only), card dots (click or arrow keys switch the metric and caption with a quick fade-up; role=tablist), a small Replay control (appears after the intro). Any wheel / key / tap outside a control skips the intro to its settled state.
  • Wordmark: one word in a high-contrast serif at ~23vw, filled with a white-to-transparent vertical gradient so it fades into the haze at its base; it sits behind the subject's head/neck and in front of the sky.
  • Palette (Ferrow example): fog #dfe3e4, mist #b9c2c6, slate text #59666d, ink #15191c, card #111518, brass accent #c9a25a / #e0bf7c, umber subject tones #4a2f1f.
  • Type (Ferrow example): Instrument Serif (headline 44–86px, italic second line; wordmark ~23vw), Manrope 400–700 for UI (nav 12px +0.2em tracking, body 13.5px/1.65, card captions 11px bold, metrics 22–36px light).
  • Mobile (<=760px): native 9:16 crop centred on the subject, nav links hidden, headline bottom-left above the CTAs, the two cards become a compact row pinned to the bottom (no captions, short image strip), wordmark ~27vw near the top.
The full prompt unlocks when you copy it

Fill these in to make it yours