Skip to content
Browse prompts

Section · Hero Section

Ion

Ion

Ion: a cinematic hero section for grid infrastructure. The prompt is self-contained: fonts, exact colors, easing curves, z-index order and a working hosted video URL are all inside.

Design & animation notes

Self-contained build prompt, paste it into Claude Code, Cursor, v0 or any code-writing builder and the page works as-is. Techniques: Video crossfade loop, Cursor interaction, Mask reveals.

How to use this prompt

  1. Click Copy prompt (no account needed).
  2. Paste it into React, Tailwind CSS, TypeScript.
  3. Describe changes in plain language and iterate until it matches.

Prompt

paste into Claude, ChatGPT, v0, Lovable, Nano Banana Pro…
Prompt4,378 characters

The full prompt is packed and ready, copy it to your clipboard or reveal it here.

Advertisement
Altus
Featured
Altuscinematic

Hero Section

Ascend
Ascendcinematic

Hero Section

Aurum
Aurumcinematic

Hero Section