Cursor Spotlight Hero
A dark hero where a light spotlight follows the cursor, illuminating content.
Adjust the preview
Every choice updates the preview and the wording below.
Spotlight Size
Light Color
Content
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a hero section with a dark background where a medium 150px radius spotlight follows the cursor. The spotlight is a radial-gradient with soft white light. The hero contains a headline, subtitle, and CTA. The spotlight effect is achieved by tracking mouse position and applying a radial-gradient background that moves with the cursor. Add centered minimal with large headline content styling.
Paste it into Claude, Cursor, or v0 along with the context for your project.