foundation

CTA Strip

Call-to-action band with headline, optional subtext, and up to 2 buttons. Supports centred / split / stacked layouts and a primary-brand surface.

cta-strip foundation

Keywords

cta, call-to-action, strip, banner

Metadata

Slugcta-strip

Categoryfoundation

Default containerstandard

Statuspublished

Variants

layout centred · split · stacked

background light · alt · dark · primary

size sm · md · lg

Fields (8)

Eyebrow text
Heading text
Subtext textarea
Primary CTA link
Secondary CTA link
Layout button_group
Background button_group
Padding button_group

Use in a mockup

Copy this as the wrapper in your mockup's HTML — fill the inner markup per the Mockup Spec.

<section class="section cta-strip"
         data-block="cta-strip"
         data-surface="primary"
         data-layout="centred"
                  data-container="standard">
  <div class="container container--standard">
    <div class="cta-strip__inner">
      <!-- block content -->
    </div>
  </div>
</section>