Callouts
A callout highlights one piece of content with one or two links, displayed as a linked heading, button(s) or link(s). Callouts have optional superheaders and subheaders, and can opt to have an icon as a media option. Callouts are meant to always be used with a CTA option.
Example Callout 1
This example callout has no background, icon, or CTA option, and uses the default style.
CTA TextThis example callout has a divider background, an icon, a linked heading, and uses the default style.
Example Callout 3
This example callout has a border background, an icon, a button, and uses the bold style.
CTA TextExample Callout 5
This example callout has no background, an icon, buttons, and uses the bold style.
Example Callout 6
This example callout has a border, no icon, a link, and uses the default style.
Link TextThis example callout has a gray background, an icon, a linked heading, and uses the default style.
Example Callout 8
This example callout has no background, an icon, no CTA, and uses the elegant style.
Example Callout 9
This example callout has no background, an image on the left, no CTA, and uses the default style.
Example Callout 10
This example callout has no background, an image on the right, no CTA, and uses the bold style.