Grid / dot pattern
A subtle repeating grid, dot matrix, or line pattern as a background texture.
What you're seeing
The faint grid lines or dot grid visible behind hero sections — like graph paper but elegant.
Where you'll see it
Hero sections, full-page backgrounds, app UIs.
Difficulty
Very low — 1/5
Libraries that build it
CSS onlySVG
Ready to prompt — paste this into your AI coding tool
"Create dot grid background using CSS radial-gradient at 24px 24px, color at 0.15 opacity"Seen in the wild
ClerkSaaS motion done with restraint — Rive-driven illustrations and micro-transitions that explain the product instead of decorating it.→Shopify Editions — Winter ’26A product release turned editorial object — golden-ratio construction lines on black, with a dozen scroll-driven feature demos.→