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.

3D WebsitePro

Offing

3D model website: a keyed object re-posed per section by scroll over a fixed landscape plate, with a drag-to-turn slider in the hero

A full product website where one object acts like a 3D model. A chroma-keyed half-turn clip is drawn on a transparent fixed canvas over a fixed landscape plate, and every section gives it a new pose: front view over a giant ghost wordmark in the hero, a huge tilted three-quarter close-up beside the model intro, a horizontal side profile under a spec table before it flies off, a flat back view between two columns of stats, and a big partial view behind a translucent footer. A centred slider under the hero turns the object by hand in both directions.

  • Asset: one half-turn clip (front -> three-quarter -> profile -> back) on chroma green, upscaled 2x, extracted to WebP at 24fps, keyed offline to alpha (green-dominance key + despill) and cropped to a tall window around the object. Negative frame indexes draw mirrored frames, so a near-symmetric front view turns both ways from one clip.
  • Stage: fixed full-viewport transparent canvas above a fixed graded plate and a giant 14% ghost wordmark; one draw per change with pose {f, x, y, s, r}: frame, offset in viewport fractions, image height in vh, rotation.
  • Choreography: one paused GSAP timeline laid out in scroll pixels between real section offsets, driven by a single ScrollTrigger (scrub 0.8). Poses hold while copy is on screen; a zero-duration set parks the object below the fold between the detail and planform sections so it can rise into the next pose.
  • Hero: three-line headline rising from masks bottom-left, solid paper CTA, a white stat card bottom-right with a small horizontal cut of the object, and a centred turn slider near the bottom edge.
  • Turn slider: handle parked at the centre of a thin track; drag right = up to +180 degrees, left = mirrored turn the other way; handle tracks the pointer exactly, clamps at the ends, filled segment from the centre, idle pulse ring, grabbing cursor, pointer capture, no text selection, role=slider with arrow / Home / End / Escape keys. Its influence fades out over the first third of a viewport of scroll.
  • Model section: sticky copy left, the object huge and tilted on the right, cropped by the bottom edge.
  • Detail section: right-aligned title, paragraph and a 5-row hairline spec table; the object lies horizontal on the left showing the detail part, then flies off to the left while the table stays.
  • Planform section: object dead centre in its back/top view, two columns of big values with tiny uppercase labels and short hairline leaders pointing at it.
  • Footer: translucent blurred panel over the plate with brand, blurb, an inline-validated newsletter row, four link columns, round socials and a legal line; the object sits big and tilted behind it.
  • Load: inline head guard class hides every intro element before first paint; gsap.set start states, then the guard lifts; frame 0 is drawn before #loader gets .is-done; the intro (object rising from below while turning into its front view) starts when the loader lifts.
  • sectionPrompts: (1) background plate: Wide cinematic landscape photograph at golden dawn: {{SETTING}}, soft sea mist drifting low across the water between the stacks, long gentle swell lines rolling toward a pale sand beach in the foreground, warm peach and apricot haze in the sky fading to dusty rose at the top, the sun hidden behind thin cloud. Muted, airy, slightly hazy atmosphere, gentle depth of field, the centre of the frame calm open sky and sea with lots of negative space, darker sand and rocks along the bottom edge. No people, no boats, no text. Photorealistic, 16:9. Swap the scene for your niche but keep the calm open centre and the darker bottom edge.
The full prompt unlocks when you copy it

Fill these in to make it yours