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

Tanoodle

Mascot game-metaphor landing page: scrubbed character hero with falling wordmark + countdown HUD + dealt cards, iris into a lit-word manifesto, flip cards, pinned drawing board

A loud, playful full landing page built around one 3D mascot and one game metaphor. The hero scrubs the mascot's signature move behind a giant wordmark that drops away letter by letter, while a corner HUD counts down with the scroll and scores at the climax; a headline and three trading-card tickets deal in, then an iris closes on the mascot's head. A dark manifesto scrubs a second clip under a single light while the copy fills in word by word. Then a ticker, five 3D flip cards with stats, a pinned whiteboard where routes draw themselves step by step with a scoreboard, a contact form styled as a ticket and a scoreboard footer.

  • Layout: fixed nav (logo + brand left, translucent pill with 4 numbered mono links, solid accent CTA pill). Sections: hero (~560vh sticky stage), manifesto (~380vh sticky), ticker band, 5-card grid, pinned process board (~460vh), contact with form, scoreboard footer.
  • Hero beats (fractions of hero scroll): 0 giant bottom-anchored wordmark over frame 0 + mono strip; 0.02-0.13 letters fall away from the end with random tilt; 0.05-0.63 clip scrubs; 0.10 HUD card fades in and counts 12.0 -> 00.0 with a shrinking bar, scoring 00 -> 01 with a '+1' pop at ~0.62; 0.60 left gradient + headline; 0.66-0.86 three tickets deal in face-down and flip face-up into a fan; 0.85-1.0 darken, circular spotlight closes on the mascot's head, black.
  • Manifesto: second clip fades in from black and scrubs; the paragraph is split into word spans that go from outline to filled with scroll, key phrases in the accent colour with glow; a rotated 'Fun fact' sticker pops in at ~0.72.
  • Cards: 3:4 cards in a staggered grid enter with a scrubbed 3D turn (rotateY ±62, rotateX 14, y 140). Front = image, outlined number, letter badge, label, name, flip icon; back = number, name, description, three stat bars, CTA pill. Mouse hover flips, tap or Enter toggles.
  • Process board: pinned; 4 step tabs + countdown clock + counter in a scoreboard; an SVG whiteboard diagram whose 4 routes draw via stroke-dashoffset (one per step), tokens light up as routes reach them, '+1' at the end; step text crossfades; tabs scroll to their step.
  • Contact + footer: parallax full-bleed still, rotated paper ticket form (settles as it scrolls in) with underline inputs, fake signature and a dark pill submit with client-side states; footer scoreboard '{{BRAND}} <score> : 00 {{RIVAL}}' and a back-to-top pill.
  • Interactive elements inventory: nav links (hover fill, active per section), CTA pill (lift on hover), HUD (scroll-driven, appears at 0.10 and stays through the hero), tickets (scroll-driven deal + Y flip), manifesto words (scroll-driven fill), flip cards (hover/tap/keyboard, never select text), flip icon (rotates on hover), step tabs (click scrolls to step, states on/done), form fields (focus underline in red, invalid underline), submit (received state), back-to-top pill. Default cursor everywhere.
  • Palette (example): ink #0a0e1c, navy #121a33, accent amber #ffb547, warning vermilion #e8442e, cream #f3ead8. Fonts (example): Anton / JetBrains Mono / Inter.
  • Section imagery prompts (in the hero's palette and light): Manifesto scene (clip 2's opening shot): {{MASCOT}} sitting on a low wooden stool on the right side of frame, {{PROP}} in paw, eyes half closed in bliss; a single paper lantern above casts a warm amber cone; everything else near-black navy; glossy dark floor with thin glowing accent lines; left 55% empty dark space; volumetric haze; no text. | Card art x3 (3:4 portrait): {{MASCOT}}, three-quarter body, doing one job each ({{CARD_POSES}}); alternate a bright accent-gradient studio background with the dark brushstroke wall; head in the upper third with empty space above for an outlined number; no text. | Orders still (16:9): {{MASCOT}} waist-up on the right half, pointing straight at camera with one paw, a small note pad in the other, dark brushstroke wall, warm key light; no text. | Contact still (16:9, wide-angle low shot): {{MASCOT}} leaning toward the lens, both arms offering {{PROP}} big in the foreground with slight motion blur; character fills the right 60%, left 40% empty dark wall; no text.
The full prompt unlocks when you copy it

Fill these in to make it yours