Hero with centered glow mark
Soft multi-color radial glow blurred behind a centered geometric mark, flanked by a left headline and a right feature list. Works for any dev-tool or infrastructure product; drop the mark for a plainer B2B SaaS hero.
Live preview
open in new tab ↗<section class="v-hero">
<div class="v-hero-glow" aria-hidden="true"></div>
<div class="v-hero-grid">
<div class="v-hero-copy">
<h1>Ship faster.<br>Scale further.</h1>
</div>
<div class="v-hero-mark" aria-hidden="true">
<svg width="90" height="78" viewBox="0 0 115 100"><polygon points="57.5,0 115,100 0,100" fill="#111"/></svg>
</div>
<ul class="v-hero-list">
<li>For engineering teams</li>
<li>To ship products</li>
<li>Automated end to end</li>
</ul>
</div>
<div class="v-hero-cta">
<a class="v-hero-btn-solid" href="#">Get started</a>
<a class="v-hero-btn-ghost" href="#">Talk to sales</a>
</div>
</section>Block id: vercel-hero-radial-glowvanilla · swap-content
More hero 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.