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.

“Build a single-screen hero section for {{BRAND}}, {{NICHE}}.”

Cinematic websites,one prompt away.

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.

Landing PagePro

Starfold

Ambient pull-back hero landing page

A calm, cinematic landing page that opens on a full-bleed hero where a painterly scene slowly drifts away from the camera on its own (a time-driven pull-back drawn frame by frame on a canvas, then a gentle breathing loop), under a centred two-line monospace headline, a short sans lede, a white pill CTA and a review row with gold star tiles. A glass pill nav with dot separators sits between a letter-spaced wordmark and a language picker plus an expanding search. Below the hero the page continues in the same night palette: a made-by-hand process section with a parallax image, a manifesto whose words light up as you scroll over a darkened frame of the clip, three product cards, a review marquee, an email sign-up band and a giant faded wordmark footer.

  • Loader (dark, page colour): a thin ring whose brass arc fills with load progress while a small glowing dot orbits it, a letter-spaced wordmark, a % counter and a one-line mono whisper. It fades only after frame 0 is painted and the intro start state is set, so a reload goes loader -> first frame -> intro.
  • Hero (100svh, no pin): canvas plays the clip forward as a slow ~9.5s pull-back (eased, cross-fading neighbouring frames so the slow rate never stutters), then yoyos forever between ~55% and 100% so the scene keeps breathing. Soft top and bottom shades, a radial darkening behind the copy and an animated film-grain overlay.
  • Hero copy, centred at ~14svh: a two-line light monospace headline (~4vw) where line two starts with an en dash; a 2-line sans lede (~15px, 82% white); a white 52px pill CTA. The subject of the clip sits in the lower middle, below the CTA.
  • Review row pinned to the bottom of the hero: 'Reviews N' + five square gold tiles with white stars + 'Excellent Score'.
  • Intro after the loader: media fades in from scale 1.06; wordmark and tools drop in, the pill nav eases in from scale .96; the two headline lines rise from a mask with blur (stagger .18s); lede, CTA and review row follow with blur-to-sharp.
  • Fixed header: wordmark left (caps, ~0.34em tracking), centred glass pill nav with tiny dot separators and an active-section dot under the current link, right side a language picker (EN + chevron) and a search icon. Header turns into frosted glass after ~70% of the first viewport.
  • Scrolling out of the hero: copy rises ~28% and fades, the review row fades, the media drifts down (parallax) while the clip keeps playing.
  • Process section: a 4:5 rounded image with inner parallax and a mono caption, beside a mono H2 and three numbered steps separated by hairlines; everything reveals with fade-up + blur.
  • Manifesto: 120vh band over a darkened, parallaxed last frame of the clip; a large mono paragraph whose words light up one by one, scrubbed by scroll.
  • Products: three cards (image, name, mono spec line, short copy, price pill); hover lifts the card, warms the border and slowly zooms the image.
  • Voices: a big gold star row with score, then an endless mono quote marquee with edge fade masks.
  • Sign-up band with a warm radial glow: mono H2, lede, pill email field + white pill button; validates inline and answers in a live region. Footer: a giant faded wordmark, three mono columns and a fine print line.
  • Section imagery (sectionPrompts, same palette and light as the hero image): 1) PROCESS: a craftsperson's hands at a workbench under one warm lamp, the room falling into the night palette, a window with the hero's sky; 2) PRODUCT A: a macro of the product's finest detail against an out-of-focus night sky; 3) PRODUCT B: the product in a second setting from the same world (e.g. housed in a small structure on a misty meadow). The third product card and the manifesto background reuse a crop of the hero image and the clip's last frame.
The full prompt unlocks when you copy it

Fill these in to make it yours