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

Halocline

Light-shaft landing page

A full dark landing page whose hero is a living canvas loop: a single shaft of light falling through the centre and slow luminous currents curving below it, played ping-pong so it never jumps. A huge two-line headline sits over it with floating glass chips hanging on thin hairlines, a light pill CTA and a partner row. Below, badge-led sections with gradient accent words, method cards with small live widgets, a 2x2 grid around a turning wireframe cube, a tile grid around a second cube, pricing with a sliding toggle, a newsletter card and a footer ending in a giant gradient wordmark cut by the page edge.

  • Loader (dark): a thin light line falls from the top edge, brand mark and name, a themed counter, a 1px accent progress line and a % counter; it fades straight onto the first hero frame, with the intro start state already set.
  • Hero (100svh): the frame sequence plays as an ambient ping-pong loop at 24fps on a full-bleed canvas; nav row scrolls away with it; two-line headline words rise from blur, then subline, light pill CTA and rating line; four glass chips pop in at the sides and their hairlines draw downward, then idle with a slow float; a partner caption and 4 wordmarks sit at the bottom.
  • Hero hand-off: on scroll the canvas drifts down and dims, the copy lifts a little faster, and the loop pauses once the hero leaves the screen.
  • About: badge pill with a glowing dot, a 2–3 line heading with accent-gradient key words, a lede and three feature cards with glowing icon tiles.
  • How it works: four numbered cards, each with a live widget — breathing rings with orbiting dots, a list whose highlighted row moves every ~1.8s, bobbing glowing blocks over a real mini input, and a mini code window with a blinking caret.
  • Features 2x2: four cards around a slowly turning CSS 3D wireframe cube with a pulsing glow and animated dotted connector lines; one card shows tool chips, one has rising glowing bars.
  • Use cases: a 4x2 tile grid with glowing line icons and a smaller turning cube in the gap between the rows.
  • Pricing: a pill toggle with a sliding accent thumb (click and arrow keys) that counts the prices to new values; three plans, the middle one with accent border, glow, a 'most popular' pill and the solid button; a trust row underneath.
  • Newsletter card with a validated email field, then the footer: brand, social buttons, three link columns, a chip column, a bottom bar with a language select, and a giant gradient wordmark clipped by the page bottom that rises as you reach it.
  • Every section has a small back-to-top chip at its top-left; all anchors scroll with Lenis; content blocks rise in with ScrollTrigger.batch.
  • Palette (example): ink #03080b, cards #0a1418–#0d191e, text #eaf6f3, muted #8ea6a4, accent aqua #5fe3d0 → #b8f5e9. Type: Sora (headings), Inter Tight (body), JetBrains Mono (labels, code).
  • Extra assets: none needed. Every section effect (cubes, glows, widgets, wordmark) is CSS/SVG, and the hero loop carries the imagery, so a landing page in this style needs only the one clip.
The full prompt unlocks when you copy it

Fill these in to make it yours