Callouts
Callouts live in cards to bring attention to messaging.
Usage of Callouts
Callouts are used to differentiate cards that have important messaging.
Anatomy of Callouts
Callouts used color and iconography to indicate the nature of content and differentiate between callouts. The icon and container must be in the same color family.
1. Label Icon Font Awesome (a-icon-line) is used for the label icon.
2. Text a. Title (a-text-h4)
b. Content (a-text-paragraph)
Text Spacing
3. Container
Last updated