Without Sidebar

Callout

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.

Without Sidebar With Sidebar

Component Tip

Without Sidebar

Example Callout 1

This example callout displays in the default section style has no background, icon or CTA.

Example Callout 2

This example callout displays in the default section style has a divider background, an icon and no CTA.

Example Callout 3

This example callout displays in the default section style has a gray background, an icon and a linked heading.

Example Callout 4

This example callout displays in the default section style has a maroon background, an icon and a button.

Sidebar Components

Example Callout 5

This example callout displays in the default section style has a charcoal background, an image and a link.

Sidebar Components

Example Callout 6

This example callout displays in the bold section style has no background, no icon and a link.

Sidebar Components

Example Callout 7

This example callout displays in the bold section style has a divider background, an icon and a link.

Sidebar Components

Example Callout 8

This example callout displays in the bold section style has a gray background, an image and a button.

Sidebar Components

Example Callout 9

This example callout displays in the bold section style has a maroon background, no icon and a linked heading.

Example Callout 10

This example callout displays in the bold section style has a charcoal background, no icon and no CTA.

Example Callout 11

This example callout displays in the elegant section style has no background, an icon and a linked heading.

Example Callout 12

This example callout displays in the elegant section style has a divider background, no icon and no CTA.

Example Callout 13

This example callout displays in the elegant section style has a gray background, no icon and a link.

Without Sidebar

Example Callout 14

This example callout displays in the elegant section style has a maroon background, an icon and a linked heading.

Without Sidebar

Example Callout 15

This example callout displays in the elegant section style has a charcoal background, no icon and a button.

Without Sidebar

Example Callout 16

This example callout displays in the default section style has no background, an image and two links.

Example Callout 17

This example callout displays in the default section style has a divider background, an icon and two buttons.

Without Sidebar With Sidebar