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.

Landing Page

Apexline

Pinned two-clip scroll story landing page

A dark, cinematic landing page built around one pinned full-bleed stage. It opens on a centred full-body subject with a giant torn two-line wordmark tucked behind a cutout of them, brush slashes, big stats and round social buttons. Scrolling scrubs the subject's move, pins four spec panels whose leader lines draw onto points of the subject, floats two white cards in from the sides, and then the second card's image grows into a two-sided versus scene with a split outline word, a lap-style clock, corner tags and a counting readout. The stage then unpins into a smoky band and a gradient footer with a giant wordmark.

  • Loader: dark radial background, pulsing brand mark in the accent, wide-tracked brand name, lowercase status line, mono % counter and a cool-to-accent progress line; it lifts over an already-drawn first frame.
  • Header: stacked brand mark + tiny brand name, four centred links with a growing accent underline, an angled clip-path CTA with an inset outline.
  • Hero (frame 0 of clip A): a two-line, extra-wide, torn-edged wordmark with a cool-to-white gradient sits behind a transparent cutout of the subject, with a gap so the body splits each line; brush slashes and thin accent strokes fly across; stats bottom-left, three white round socials bottom-right.
  • Intro: letters drop in with a random back-eased stagger, slashes draw, the nav drops, stats count up, socials pop. Nothing is visible before the loader lifts.
  • Pinned story, one scrubbed master timeline over ~8 viewports: letters scatter with blur → the subject's move scrubs → the pose holds while four spec panels (alternating right/left) appear with 1px leader lines that draw to anchor dots with expanding rings, and a 01/04 counter follows → the subject turns into profile while a white card floats in from the left (blur and Y-rotation to sharp) and flips away → a second card enters from the right.
  • Grow transition: the second card's 16:9 image box expands to the full stage and becomes the second scrubbed clip; the rest of the card fades.
  • Versus scene: two sides lit in two colours meet at a centre line; a huge outline word split in two slides apart, a hairline divider, a mono clock that ticks with scroll, glowing corner tags; then a big centred readout that counts with scroll over a dashed caption.
  • After the pin: a smoky gradient band and a footer on a graphite-to-accent gradient with tagline, outlined socials, three link columns, a pill newsletter form with inline feedback, a © bar and a giant cut-off wordmark with a frosted badge.
  • Interactive inventory: nav underline, CTA lift, social buttons fill with the accent, card 'Read more' arrow nudges, newsletter focus/hover/validation. No drag handles or custom cursor; scrolling (Lenis) drives everything and reverses cleanly.
  • Reduced motion: no pin or intro, key frames cross-fade. Mobile: native 9:16 frames, wordmark in front of the subject, compact spec panels on a blurred backing, cards centred at the bottom, shorter pin.
  • Second scene (same palette and light as the hero so it reads as one shoot): (1) the versus image: 'Cinematic night photograph, 16:9, low camera head-on: {{VERSUS_SCENE}}, {{SIDE_A}} on the left lit {{GLOW}}, {{SIDE_B}} on the right lit {{ACCENT}}, a thin gap exactly in the centre, sparks and spray, wet reflective ground, dark sky with drifting particles, photorealistic, no text, no logos, no people'. (2) the versus clip: 'One continuous take; the camera tracks backwards at the same speed as both sides so they stay the same size and place, side by side; sparks shower, spray streams back, smoke on each side swirls in its own colour, the ground rushes toward the camera; constant speed, no cuts, 24fps'.
The full prompt unlocks when you copy it

Fill these in to make it yours