Subtle fading grid background
A faint pixel grid faded out via a radial mask so it reads at the edges but disappears behind the centered content. Drop this behind any hero or section divider; adjust background-size to change grid density.
Live preview
open in new tab ↗<section class="v-bg-grid">
<div class="v-bg-grid-lines" aria-hidden="true"></div>
<div class="v-bg-grid-content">
<h3>Section headline goes here</h3>
<p>Body copy sits above the grid, unaffected by the pattern beneath it.</p>
</div>
</section>Block id: vercel-bg-grid-fadevanilla · drop-in
More background blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.