Texas A&M University TS - DSA
Model Site
Texas A&M University
Texas A&M University TS - DSA
Model Site
With Sidebar

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.

Use a callout when you have a singular piece of stand-alone content.

With Sidebar

Example Callout 1

This example callout has no background, icon, or CTA option, and uses the default style.

CTA Text

Example Callout 2

This 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 Text

Example Callout 4

This example callout has a gray background, an icon, links, and uses the elegant style.

Example Callout 5

This example callout has no background, an icon, buttons, and uses the bold style.

Link 1 Link 2

Example Callout 6

This example callout has a border, no icon, a link, and uses the default style.

Link Text

Example Callout 7

This 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.