Call to Action

A full-width card component that highlights up to three calls to action.

There are five options for background color, three options for the content background, three styles of button and optional plus decoration.

Calls to Action attract visual attention and direct users to take a specific action, such as visiting another page or website. 

Use this if you want to call attention to a secondary chunk of content and/or action item(s).

Don’ts

  • Don’t use long button test – limit to 3 words or fewer 
  • Don’t wrap button text onto 2 lines (when possible)
  • Don’t repeat generic button text such as “Learn more” in multiple calls to action on the same page

Call to Action Title

Call to Action Content

Call to Action Title

Call to Action Title

Call to Action Title

Call to Action Content

Call to Action Title

Call to Action Content