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

Nightgrid

Autoplay pull-back reveal hero + kinetic type assembly

One full-screen hero, no scroll: on load the camera starts in an extreme close-up of one detail of the subject and pulls straight back to reveal the whole subject, with debris drifting outward around it, then holds on the final frame. While it plays, the type assembles: headline letters drop in from scattered offsets and settle, a giant wordmark rises letter by letter from below the fold and bleeds off the right edge, then the nav, a glass card, a column of round thumbnails, the lede, a pill CTA and a replay pill arrive in turn.

  • Layout: one 100svh block, overflow hidden, no page scroll, nothing below it. A full-bleed canvas carries the clip; a left-to-right dark gradient and soft top/bottom shading keep the type readable, plus a light film grain.
  • Top bar: a two-line menu icon on the far left, four uppercase nav links in a wide-tracked display face spread across the width with a small four-point star emblem in the exact centre, a bag/ticket icon with an accent dot on the far right. Links get an accent underline on hover.
  • Left column (from ~19vh): a 4-line uppercase headline in a light, wide display face (~3.75vw), then a row with a short 3-4 line lede on the left and a pill CTA (light fill, dark text, a small star glyph) beside it.
  • Right side: a thin-bordered glass card (~20vw x ~36vh, radius ~22px) holding a 3-line uppercase line at its bottom and a thin diagonal arrow in its top-right corner. At the very right edge, a vertical column of four round thumbnails (~4.6vw circles with a light border and drop shadow) showing crops of the subject; hover/active scales them up with an accent ring, and clicking one eases the camera to that beat of the clip.
  • Bottom: a single giant wordmark (~23vw, light weight, uppercase) sitting on the bottom edge and running off the right side of the viewport on purpose. A small dark-glass 'replay' pill sits in the bottom-right corner over it.
  • Signature motion (autoplay, ~7s, time-based, not scroll): the clip plays once from frame 0 to the last frame with an ease-out so the pull-back decelerates into a held final frame. 0.05s: headline letters fade in from random vertical offsets (-90%..+70%) and small random rotations, settling with a slight overshoot, staggered ~45ms per letter so lines visibly 'type' in with jitter. 0.15s: wordmark letters rise from below the fold (yPercent 105 -> 0), staggered ~70ms. 0.7s: nav slides down and fades in. 1.0s: card border fades in and its letters settle like the headline. 1.3s: thumbnails pop in one by one with a back-out scale. 1.75s: lede un-blurs upward. 2.0s: CTA scales in from its left edge. 2.3s: card arrow slides in. 2.6s: replay pill fades in.
  • Interactive elements: custom cursor on fine pointers only (a small warm dot that tracks the pointer exactly plus a thin ring that trails it with a ~0.16 lerp; the ring grows and takes the accent colour over links and buttons). Replay pill resets every element to its start state and replays the clip and the type intro from frame 0. Thumbnails ease the canvas to four beats (close-up, two mid points, final). CTA lifts and fills with the accent on hover, its star spins a quarter turn. Card border and arrow take the accent on hover. All controls are real links/buttons with focus-visible outlines.
  • Load sequence: themed loader (spinning emblem, brand, percentage, accent progress line). An inline head script adds a .js-intro guard so nothing the intro reveals is painted before its beat; start states are applied with gsap.set, frame 0 is drawn under the loader, then the loader fades and the intro starts at that moment.
  • Mobile (<760px or portrait): native 9:16 frame set centred on the subject, nav links hidden (menu, emblem, bag remain), headline ~8.4vw, lede and CTA stacked, smaller card bottom-left above the wordmark, thumbnails bottom-right, wordmark ~30vw. Reduced motion: no guard, no letter animation, no cursor; the final frame is drawn statically and thumbnails switch frames instantly.
The full prompt unlocks when you copy it

Fill these in to make it yours