The Headline CTA component features an H1 headline with an optional button positioned to the right of it. 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 appear 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.

Content guidelines

Lorem ipsum
Lorem ipsum

ADA requirements

CTA must have a descriptive link text.

Component examples

Example #1: Headline (H1) by itself.

   
Example #2: Headline (H1) along with CTA