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

Calyx Glasshouse

Scroll fly-through landing page with decoding chapter titles and shrink-to-window finale

A full landing page whose first act is one pinned, scroll-scrubbed forward fly-through: a giant fixed chapter title decodes through glyphs at each beat, copy and big accent lines rise in and out, and the film finally tips in 3D and shrinks into a window on a dark stage while stat lines sharpen in. Then a card menu, a scroll ticker with a timeline, a booking split section and a giant-wordmark footer.

  • Pinned film (~6 viewport heights): canvas frame sequence scrubbed 0 -> last frame by scroll with Lenis + ScrollTrigger (scrub 0.7), reversing cleanly.
  • Fixed header: two-line heavy extended caps chapter title top-left that decodes left to right through glyphs when the chapter changes; a sub-row (mono label · fixed dot · mono label) as wide as the title; a live mono clock HUD; nav with sweep underlines; a '↳' CTA. Header text flips from ink to light when the stage turns dark.
  • Chapter 1 (0-30%): ~40-word paragraph right of centre with a bottom '©year / Scroll down' row; it rises and blurs out at ~20%.
  • Chapter 2 (30-62%): four big accent-colour caps lines rise out of overflow masks one by one in the lower right, then lift and fade.
  • Chapter 3 (60-100%): the film wrapper tips in 3D perspective (rotateX/Y/Z) and settles flat as a window at ~60% scale on a dark stage, keeps playing and tightening to ~46%; a two-part paragraph blurs in at the left and three stacked stat lines sharpen from blur one by one at the bottom.
  • After the pin the chapter title block fades away and the header gets a blurred bar; content sections set the header theme as they reach the top.
  • Sections: light card menu (4:5 photos with slow hover zoom), mid-tone section with a scroll-driven giant ticker and a 3-step timeline, dark split section with a parallax photo and a booking widget (guest stepper, time chips, hold button with inline confirmation), footer with a viewport-wide wordmark.
  • Interactive elements inventory: no drag handles or custom cursor; scroll is the main input (scrubbed film, decoding title and labels, line reveals, blur-ins, header colour flip, ticker); hover/focus states on nav underline, CTA arrow, card images, stepper, chips and the hold button; the stepper disables at 1 and 8; the hold button switches to a confirmed state and resets when the choice changes.
  • Example palette (Calyx): ink #13201a, cream #f3eee2, deep stage #0d1813, moss #2f4a36, coral accent #ff6f4f.
  • Example type: Archivo width 112-125 weight 880-900 caps for titles/display, Instrument Sans for body, JetBrains Mono for HUD, labels and prices.
  • sectionPrompts (extra stills, same light and palette as the hero): Card stills (4:5, x3): Still life photograph inside {{SCENE}}: {{PRODUCT_n}} on a pale weathered stone ledge, {{SIDE_ELEMENTS}} softly out of focus behind, {{LIGHTING}}. Palette: {{PALETTE_WORDS}}. Photorealistic, 50mm, shallow depth of field, no text, no people. | Split-section photo (16:9): Wide interior photograph of {{PLACE_DETAIL}} tucked into {{SCENE}}, calm and empty, {{LIGHTING}}. Palette: {{PALETTE_WORDS}}. Photorealistic, 35mm, no text, no signage, no people.
The full prompt unlocks when you copy it

Fill these in to make it yours