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

Larkspur Sound

Dark glowing agency landing page: ambient canvas-loop hero, bento + process + work + pricing sections with scroll reveals, giant footer wordmark

A full dark landing page with one hot accent colour. The hero is an ambient loop drawn frame by frame on a canvas: glowing ribbons sweep in from both lower corners toward an object rising from the bottom centre while a 3-line headline sits in the empty space above. Below it come a floating pill nav that never leaves, a 2x2 bento of glowing CSS illustrations, a process section whose title fills word by word as you scroll, three work cards with mini-player overlays, a logo marquee, three pricing tiers with a glowing middle plan, a CTA band and a footer with a giant gradient wordmark that rises out of the page bottom.

  • Asset: one ambient clip (ribbons rippling, particles drifting, the centre object still with a tiny pulse), locked camera, upscaled 2x, extracted to WebP at 24fps (desktop 1920px, mobile native 9:16 crop). The hero canvas plays it ping-pong so the loop never jumps, and pauses off-screen.
  • Hero: cover fit anchored to the bottom edge so the object stays whole; top shade for the nav, fade to page colour at the bottom; copy lifts and fades while the canvas pushes in to 1.08 on scroll.
  • Nav: fixed floating glass pill centred (home icon, 3 links, white CTA) + brand mark left + ghost pill right; the active link follows the section in view; links smooth-scroll with Lenis.
  • Why us: 2x2 bento with columns 4/6 and 6/4; CSS/SVG illustrations: pulsing icon orb, two orbs joined by a travelling dot over wavy lines, a self-drawing accent line chart beside a stat chip, a stack of glowing bars that builds up.
  • Process: title fills word by word with scroll (dim -> white / accent), 3 step cards with chat bubbles on a stepped curve, a mini editor window with a waveform, and a glowing orb on a warm floor glow.
  • Work: 3 cards with a 4:3 image, glass mini-player overlay (play button, title, animated EQ), accent category, 2-line title, round arrow; hover lifts the card, zooms the image and spins the arrow. A masked infinite logo marquee follows.
  • Pricing: 3 tiers, middle one taller, accent-tinted and glowing with a badge and a solid accent button.
  • CTA band + footer: warm-tinted band with outlined glowing button; footer panel with 4 link columns; giant gradient wordmark cropped by the page bottom rises into place (scrubbed).
  • Reveals: heads rise + fade, cards rise in staggered batches and fall back when you scroll above them (scroll-up reverses cleanly); the reveal transform is cleared afterwards so hover lifts keep working.
  • Load: inline head guard hides nav and every hero copy element before first paint; gsap.set start states; frames preload in chunks behind a level-meter loader; frame 0 drawn before #loader gets .is-done; the intro (nav drop, words rising out of blur, subline, buttons) starts when the loader lifts.
  • sectionPrompts (one per work card, 4:3, same palette and light as the hero): Moody product photograph, 4:3. {{WORK_SUBJECT}} in a dark room, lit by a single warm {{ACCENT}} rim light glinting on its edges, the background deep {{BG_COLOR}} near-black. Soft volumetric haze, fine floating {{ACCENT}} dust particles, subtle film grain, cinematic low-key lighting, shallow depth of field, lots of dark negative space. No text, no labels, no logos, no people. Example subjects: 'Close-up of a row of analog mixing console faders and knobs', 'A vintage chrome and brass ribbon microphone on a stand, seen slightly from below', 'Close-up of a reel-to-reel tape machine, one large metal reel with tape threading past the heads'.
The full prompt unlocks when you copy it

Fill these in to make it yours