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 Page

Halvard

Cover-pull reveal landing page

A full landing page built around one locked-off clip: scrolling (or dragging) pulls a cloth off the product, then the unveiled final frame drives a zoom-and-callout detail tour, a gauge-driven spec sheet, a craft section with counters and a light invitation form with a giant wordmark footer.

  • Hero (sticky, ~380vh): canvas frame sequence scrubbed by scroll or horizontal drag; a giant extended-grotesk headline blurs out as the cover slides off, three italic serif beat captions swap bottom-left, a mono timecode HUD ticks top-right, and the product name blurs in once it is fully revealed.
  • Detail tour (sticky, ~460vh): the final frame at full resolution; four scroll steps each tween the camera (zoom + pan) onto one feature, drop a crosshair hotspot on it and draw a leader line to an inset with an outlined number, a magnified crop, a caps title and a short description; four progress tabs fill bottom-right.
  • Specification (sticky, ~320vh): an SVG analog gauge (ticks, accent arc, lamps, elastic needle, counting readout, scrambled label) on the left, six numbered spec rows on the right that light up one per scroll step.
  • Craft: an outlined giant marquee word that slides with scroll, a caps + italic serif title, and two offset image cards (mid-reveal still and close crop) that scale down inside hairline frames with large counting numbers.
  • Invitation + footer: a light section revealed by a dark curved top edge that flattens on scroll, a form with underlined inputs and pill chips, a full-width thin wordmark in the accent colour and a mono footer bar.
  • Palette (Halvard example): ink #0e1216, travertine #e7dfd1, slate-blue #8fa7bd (UI accent, from the cover), walnut #9a5a2e (light-section accent, from the product).
  • Type: Archivo at width 112–125 weights 200–400 for caps display, Instrument Serif italic for single accent words, IBM Plex Mono 11px caps with wide tracking for labels and HUD.
The full prompt unlocks when you copy it

Fill these in to make it yours