The Headline CTA component features an H1 headline with an optional button positioned to the right of it (below the headline on mobile). The component highlights key message while providing a clear call-to-action, ensuring important link or action stands out.

 

Component requirements

Required:

• Headline H1: Text field.

Optional:

• Link description (CTA description): Text that appears within a button.

• Link destination (CTA destination): CTA destination (internal, external, etc.).

Additional component notes:

• On a mobile device, the button becomes full width and drops below the headline.

 

ADA requirements

• CTA must have a descriptive link text.

 

Component examples

Example #1: Headline (H1) by itself.

 

Example #2: Headline (H1) along with CTA