Blocks / CTA Band

CTA Band beta

The last thing on the page: one sentence, one button, lit by the Aurora.

Preview

Close the month in days, not weekends.

Start free for 30 days. Bring your last export and the ledger builds itself.

Built from: Aurora, Button — include their CSS alongside this block.

<section class="k-ctab" data-theme="dark" style="max-width:680px">
  <div class="k-aurora" aria-hidden="true"><i class="b1"></i><i class="b2"></i><i class="b3"></i></div>
  <div class="k-ctab-in">
    <h3>Close the month in days, not weekends.</h3>
    <p>Start free for 30 days. Bring your last export and the ledger builds itself.</p>
    <a class="btn btn-pri btn-lg" href="#">Start free</a>
  </div>
</section>

.k-ctab{position:relative;border-radius:16px;overflow:hidden;font-family:var(--k-font);text-align:center;color:var(--k-ink)}
.k-ctab .k-aurora{position:absolute;inset:0;border-radius:16px}
.k-ctab-in{position:relative;padding:46px 26px 42px}
.k-ctab h3{font-size:25px;font-weight:650;letter-spacing:-.02em}
.k-ctab p{margin:10px auto 22px;font-size:14px;line-height:1.75;color:var(--k-ink-2);max-width:46ch}

Usage

For the bottom of a landing page, after the proof. One action only — a band with two buttons is a menu, not a call.

App Shell

FAQ