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

Waxwright

Painted storybook landing page: one fixed canvas of oil-painting scenes, scroll-scrubbed push-in hero, pixel-block and halftone-dot scene dissolves, block-dissolving copy, travelling rail label, orbiting questions board, lantern-lit form with a constellation

A full landing page told as a series of living oil paintings on one fixed full-bleed canvas. The hero scrubs a slow camera push-in on the brand's figure while the headline breaks apart into block cells; each following beat swaps the painting with a pixel-block or halftone-dot dissolve and dissolves its copy in and out in place. A hairline frame with sparkle crosses, a dots menu, a pill CTA and a left rail whose label slides to the active section's tick stay on top the whole way. After three painted beats come a parchment interlude with drifting halftone clouds, a rule section, a questions board where the active question glides into a framed centre slot while the others drift blurred around it, a dusk form under a raised light with a twinkling constellation and a dashed thread to the field in use, and a footer where the hero painting keeps breathing under a giant wordmark.

  • Stage: one position:fixed canvas draws every scene ('cover' fit, focus per scene). Each section is a tall block with a sticky 100svh copy layer; the canvas mixes scene A and B during the last viewport of A (t = 0..1) so copy never scrolls over a half-swapped painting.
  • Hero (~300vh): frame 0 of {{HERO_CLIP}} behind a large light serif headline (two masked lines), a serif lede, a dark pill CTA with a boxed arrow, and a low band (mono chip + one paragraph) under the lower hairline. Scroll scrubs the clip (slow push-in); the headline and band dissolve into block cells between 10% and 30% of the hero, the clip keeps pushing in, then the scene pixel-dissolves into beat 1.
  • Three beats (~180vh each) with one short serif line each (a season or place per step) and a mono step chip; beat 2 is a second scrubbed clip, beats 1 and 3 are stills with a slow 1.02 -> 1.08 zoom. Transitions alternate: pixel-block dissolve (clustered value noise with a left-to-right bias, bright ember cells on the edge) and halftone-dot dissolve (dots grow from small to covering).
  • Interlude (~200vh): plain {{PAPER_COLOR}} parchment with a vignette, 3-4 procedurally drawn halftone clouds drifting with time and parallaxing with scroll, a right-column ink chip + serif statement with an italic accent + one paragraph.
  • Rule (~220vh): a still with a big two-line serif headline top-left and the body + 'who it's for' chip dissolving in a beat later at the bottom-left.
  • Questions (~420vh pinned): a centred serif title with an italic accent, a hairline frame with sparkle crosses at two corners and a halftone cloud on its top edge. Five questions sit around the frame, blurred and at half opacity; scroll picks the active one, which glides (0.8s, power3.inOut) into the frame and grows, its answer fades in below. Clicking a question scrolls to its beat.
  • Application (~200vh): dusk painting, a twinkling star field with constellation lines over the open sky, glass pill inputs (name, email, with line icons) and a glass textarea, a dark pill submit that turns {{ACCENT}} with a glow on hover. A dashed, crawling line runs from the light the painted figure holds to whichever field is hovered or focused, ending in a dot. Client-side validation and a thank-you line, no network.
  • Footer (100svh): the hero painting loops (ping-pong of the first 2 seconds) under a giant heavy serif lowercase wordmark with a small {{ACCENT}} hexagon dot, a serif tagline, mono address/email row and a fine print line.
  • Fixed chrome (z above the stage): hairlines at the top (72px), at 73% height, at the left rail x (70px) and at the right (160px from the edge); four-point sparkle crosses where the lower line meets the verticals; logo top-left, 2x2 dots menu below it (opens a dark glass list of section links, Esc closes), pill CTA top-right. Chrome and copy switch ink/cream per scene tone.
  • Rail: six ticks 48px apart; the active section's label (a 20px dash + mono uppercase name) slides to its tick (0.7s power3.inOut) when the dominant scene changes.
  • Interactive elements inventory: pill CTA top-right (always visible, hover fills {{ACCENT}}, arrow nudges right); hero CTA pill (same); dots menu button (toggle, aria-expanded, Esc/outside click close); rail label (scroll-driven, always visible on desktop, hidden on phones); question buttons (scroll-driven active state + click to jump, keyboard reachable, user-select none); form fields (hover/focus border {{ACCENT}}, dashed thread follows the field in use); submit pill (hover colour + glow + lift, pressed state on submit); no custom cursor.
  • Intro: an inline <head> script adds .js-intro, CSS hides every [data-intro] element; gsap.set applies the start state (lines yPercent 110, hairlines scaled to 0, sparkles scaled 0 and rotated, lede/CTA/band blurred and lowered), then the guard is lifted. Frame 0 is drawn before the loader fades; the timeline plays from the moment the loader gets .is-done: hairlines draw, chrome fades in, headline lines rise, lede/CTA/band un-blur.
  • Loader: themed (a hexagon cell filling with {{ACCENT}}, brand name, mono % counter, thin progress line); preloads both frame sets and the stills in chunks of 10, the hero's first frame first.
  • Palette (example): ink #1f150b, umber #2b1c10, honey #e0a43a, amber #b8741a, parchment #f1e6cc, cream #fbf4e4, sage #8a9a6b. Type: Fraunces 300 (display, italic accents), Fraunces 800 (wordmark), IBM Plex Mono (chips, labels, buttons), Manrope (body).
  • Section prompts (paint every scene in one shoot): Hero image: {{ART_STYLE}}, {{PALETTE}} palette, soft {{LIGHT}}. {{HERO_FIGURE}} in the right half of the frame doing {{HERO_GESTURE}} with {{HERO_PROP}}, low camera angle, the left 45% open {{SKY}} kept calm for the headline. No text, no frame. | Beat 1 still ({{BEAT_1}}): {{ART_STYLE}}, {{PALETTE}} palette, soft {{LIGHT}}. A wide establishing scene of {{BEAT_1_SCENE}}, subjects in the right two thirds, low horizon, calm left third for copy. | Beat 2 scene ({{BEAT_2}}, what the second clip shows): {{ART_STYLE}}, {{PALETTE}} palette, soft {{LIGHT}}. A close-up of hands doing {{BEAT_2_ACTION}} on a plain warm wall, subject centred slightly right. | Beat 3 still ({{BEAT_3}}): {{ART_STYLE}}, {{PALETTE}} palette, soft {{LIGHT}}. A still life of {{BEAT_3_OBJECTS}} on a dark table, objects in the right 60%, left side in deep calm shadow. | Rule still: {{ART_STYLE}}, {{PALETTE}} palette, soft {{LIGHT}}. A figure at right of centre reaching up toward {{RULE_SUBJECT}}, low angle, the left half open sky for a two-line headline. | Questions still: {{ART_STYLE}}, {{PALETTE}} palette, soft {{LIGHT}}. Looking straight up through {{CANOPY}} that frames all four edges thickly, the centre half wide open and empty sky. | Application still: {{ART_STYLE}}, {{PALETTE}} palette, soft {{LIGHT}}, at dusk. A figure on stone steps in the left third, seen from behind, raising {{LIGHT_PROP}} toward a twilight sky with the first stars; the right 60% open sky for the form.
The full prompt unlocks when you copy it

Fill these in to make it yours