Split hero with glowing app mockup
Use for SaaS or product-tool landing pages that need a dark, technical first impression. Skip for warm consumer brands, the near-black ground reads cold.
Live preview
open in new tab ↗<section class="lh-hero">
<div class="lh-hero-copy">
<a class="lh-badge" href="#">New <span class="lh-badge-arrow">Feature update →</span></a>
<h1>The system for teams<br>who ship fast</h1>
<p>Purpose-built for planning and building products. Designed for focus.</p>
<div class="lh-hero-actions">
<a class="lh-btn lh-btn-primary" href="#">Get started</a>
<a class="lh-btn lh-btn-ghost" href="#">Open app →</a>
</div>
</div>
<div class="lh-hero-art">
<div class="lh-glow"></div>
<div class="lh-mock">
<div class="lh-mock-topbar"><span></span><span></span><span></span></div>
<div class="lh-mock-row lh-mock-title">Faster onboarding flow</div>
<div class="lh-mock-row lh-mock-line" style="width:82%"></div>
<div class="lh-mock-row lh-mock-line" style="width:64%"></div>
<div class="lh-mock-row lh-mock-chip">In Progress</div>
</div>
</div>
</section>Block id: linear-hero-splitvanilla · 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.



