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.

Hero SectionPro

Nimbus Aero

Fly-in landing hero + subject-over-wordmark

A subject flies in from deep in the scene and lands dead-center while UI copy fades in on beats; once it settles, a giant split wordmark rises from masks behind it, with a cutout of the subject layered in front of the type.

  • Layout: full-bleed 16:9 hero, top-left 4-link nav, top-right 2-line tagline, left mid paragraph, bottom-left 2-line claim, bottom-right repeat nav.
  • Beats: 0–55% of the clip the subject travels in from deep in the scene toward camera (tagline in at ~10%, paragraph at ~55%); 55–100% it slows and settles dead-center in the foreground; then the split wordmark rises from masks behind it, followed by the claim and bottom nav.
  • Signature: giant condensed lowercase wordmark split around the landed subject, half A higher-left and half B lower-right, with the subject (cutout layer) in FRONT of the type.
  • Palette (Nimbus Aero example): canyon shadow #160d08, sandstone #b4532a, ember accent #e0782f, sand #e9c9a0, UI text #f7f3ee; wordmark gradient #1d0906 → #5a1d10 → #c2551f (dark, because the sky behind it is bright).
  • Type: wordmark in a condensed ultra-bold grotesk (Anton / Oswald 700, ~24vw); UI in Montserrat 400–600 (nav 14px, tagline ~24px, body 13px/1.6, claim ~30px).
The full prompt unlocks when you copy it

Fill these in to make it yours