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

Tidewell

Glide-in hero + tab stat cards + blur-in wordmark behind subject

A single-screen hero where the subject glides in from the side and settles just off-center while the copy slides in from the left and two folder-tab stat cards rise on the right; once it settles, a giant gradient serif wordmark blurs in behind it, with a cutout of the subject layered in front of the type.

  • Layout: one 100svh hero. Top: logo + spaced caps brand left, 4 caps links centered, a text link and a dark pill CTA right. Bottom-left: eyebrow, two-line serif headline with an italic accent line, short body, accent pill + arrow link. Bottom-right: avatar trust row over two folder-tab stat cards.
  • Beats: 0-40% of the clip the subject glides in with the nav already in; at ~40% the copy slides in from the left and the cards rise from below (second card lags); 40-100% the subject slows, turns slightly toward camera and settles; on the last frame the cutout snaps in and the wordmark blurs in behind it.
  • Signature: a one-line caps serif wordmark across the upper third with a top-to-bottom fade (light to transparent), blurred in after the subject settles and sitting BEHIND a cutout of the subject.
  • Folder-tab cards: light cards with a raised tab on the top-right edge holding a tiny label, an image crop of the subject from the final frame with a 2-line caption, a big light serif stat and three small dots.
  • Interactions: native cursor, no drag; any input on empty space skips to the settled state; nav underline grows on hover, pills lift, arrow link nudges, cards lift 8px and zoom their image on hover/focus; Replay restarts the intro.
  • Palette (Tidewell example): abyss #04191c, deep teal #062a2f, foam #eef6f2, sand #e9d6ae / #d8bf8c (cards, primary pill, italic word), coral #e0895f (card dots).
  • Type (Tidewell example): Fraunces (wordmark 600 at opsz 144, headline 400 with italic 300, stats 300), Manrope 500-700 for nav, labels and body.
  • Layering: frames, then wordmark, then the subject cutout, then the shade, then UI. Keeping the shade above the cutout means the swap to the cutout on the last frame is invisible.
The full prompt unlocks when you copy it

Fill these in to make it yours