Dot Grid Pattern Hero
A hero with a subtle dot grid background and radial fade, clean and technical.
Adjust the preview
Every choice updates the preview and the wording below.
Dot Size
Dot Color
Spacing
Fade
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a hero section with a tiny 1px dot grid background pattern using white semi-transparent dots on a dark background. Add a radial fade from center radial fade toward the edges. Include a centered headline, subtitle, and CTA. The grid spacing is medium 32px. Use CSS radial-gradient for the dots.
Paste it into Claude, Cursor, or v0 along with the context for your project.