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 PagePro

Ballast Works

Cutout-wordmark orbit landing page

A full landing page built on one closed 360° orbit: the subject stands in front of a giant edge-to-edge wordmark whose letters lift out one by one on scroll, then a pinned canvas scrubs the camera all the way round the subject while text beats (a word-by-word paragraph, dark panel cards that open from a thin bar, a huge closing line with a CTA) open and close at fixed points of the orbit, followed by a gallery and a footer.

  • Top bar (fixed): brand with ©, a two-line centre label, a two-line tagline and a two-line hamburger; second lines muted. The hamburger opens a full-screen numbered menu that wipes down and scrolls to each beat; the bar gains a dark backdrop once past the stage.
  • Hero (pinned, 0–9% of a ~760vh stage): a neo-grotesk wordmark fitted gutter to gutter near the top; a cutout of the first frame sits above it so the subject overlaps the middle letters. On scroll the letters lift up out of per-letter masks left to right, the caps caption leaves the same way, the cutout fades and the canvas takes over.
  • Orbit (pinned, 9–92%): ~180 frames of a closed 360° camera orbit scrubbed linearly (scrub 0.7, Lenis). Front → back → front, so the page ends on the opening framing.
  • Beat 1 (front to three-quarter): plain paragraph on the left whose words surface one by one from blur; leaves with blur and a lift.
  • Beat 2 (around the back) and beat 3 (the other side): near-black panel cards (right, then top-left) that open from a thin horizontal bar to full height, then the eyebrow and copy rise in and a hairline rule draws; beat 3 adds a right-aligned note bottom-right. Both exit with a blur and a 16px lift.
  • Closing (84–100%): a huge two-line line bottom-left rising out of masks, a CTA with a circled arrow bottom-right that fills with the accent on hover, a tiny mono copyright line.
  • Gallery: three staggered 4:5 cards with hover settle-zoom and numbered captions. Footer: three info columns, the wordmark again edge to edge, a mono bar with a back-to-top link.
  • Load: loader (filling ring, counter, hairline) → first frame + cutout → letters rise into their masks, then bar items and caption. Guard class from an inline head script, start states set before it lifts.
  • Palette (example): ink #0a1517, deep teal #10262a, verdigris #6fa79a, copper #c4774a, brass accent #d6ad62, foam text #e8efe9. Type: Inter Tight 300–600, JetBrains Mono for meta.
  • sectionPrompts (example gallery stills, same palette and light as the hero): 'Cinematic still photograph, portrait 4:5. A restored antique brass ship's porthole with a thick round glass and hinged clamp bolts, standing upright alone on a dark weathered teal timber stand, in a dark empty old boathouse hall with blurred teal-green timber columns and dark water reflections behind. A soft shaft of cool daylight from high above, light mist. Shallow depth of field, 85mm. Palette: deep ink-teal shadows, verdigris green, warm copper and brass highlights. Photorealistic, high detail, calm. No text, no logos, no people.' | the same prompt with 'a restored antique copper and brass ship's lantern with a ribbed glass globe and a carry ring' | 'Top-down three-quarter view of an old oak restorer's workbench in a dark boathouse: a curved hand-beaten copper panel, rows of polished brass bolts and wing nuts, a planishing hammer, a leather apron folded aside, a small tin of polish, laid out neatly…' (same light, palette and negatives, plus 'no hands').
The full prompt unlocks when you copy it

Fill these in to make it yours