Callout
The Callout component provides a site visitor with context for a link they may want to select. It includes a visual asset, a small amount of descriptive text, and 1 or multiple CTAs (Calls to Action). The background color can be gray, white, or black, and the image can be aligned to either the left or the right of the text on desktop.
Parameters
Minimum recommended fields
- Visual Asset
- Headline
- Description
- CTAs: Minimum of 1, maximum of 3
Recommended character limits
- Headline: Maximum of 25 characters
- Description: Maximum of 220 characters
- CTA Link Text: Maximum of 25 characters
Image Aspect Ratio
- 5:4 (Desktop and Mobile)
- All Photos crop to the center
Template availability
- Full-width
- Two-column
- Post
Use Cases
Use this component to help site visitors navigate to another page for additional information on a topic while adding visual interest to the page. Remember to use action-oriented words (ex: Explore, Discover, Learn) in CTA Link Text.
Callout Headline
Description 220 character max sit amet, consectetur adipiscing elit. Maecenas tincidunt urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit.
Callout Headline
Description 220 character max sit amet, consectetur adipiscing elit. Maecenas tincidunt urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit.
Callout Headline
Description 220 character max sit amet, consectetur adipiscing elit. Maecenas tincidunt urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit.
Callout Headline
Description 220 character max sit amet, consectetur adipiscing elit. Maecenas tincidunt urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit.
Callout Headline
Description 220 character max sit amet, consectetur adipiscing elit. Maecenas tincidunt urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit.
Callout Headline
Description 220 character max sit amet, consectetur adipiscing elit. Maecenas tincidunt urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit.