149CTA band
The closer: navy band, one heading, one primary action, one mono fine-print line. Exactly one per page, at the end — it is the page's single obvious next step.
Use it for
- The last band of every marketing page
Not for
- Mid-page “buy now” interruptions
- Two CTAs — if there are two actions, one belongs in the hero
Closer
markup
<div class="ns-band ns-band--dark ns-band--grid ns-band--tight"><div class="ns-band__inner"><div class="ns-cta">
<h2 class="ns-band__title">Create your free org. Start lesson one.</h2>
<div class="ns-cta__actions"><a class="ns-btn ns-btn--white ns-btn--lg" href="#">Start the roadmap</a></div>
<span class="ns-cta__fine">No card. No install. A browser is enough.</span>
</div></div></div>