Stat Card
Stat Cards can be used to showcase important statistics or data points, such as admission rates, grants awarded, or the number of faculty members in a department.
To maximize the effectiveness of these cards on your web page, select just one to highlight per card.
Create a stat card

Stat Card fields
Image
This is an optional field that puts an image on the top of your Stat Card. To add an image or video to a card:
- Click Add Media.
- Select one image from your media library or add a new one.
Icon
This is an optional field that be used to give some visual interest and context to your statistic. Stat Cards use free version of Font Awesome icons. For valid icon names, consult the Font Awesome icon list.
- Input the name of the Font Awesome icon you want to include.
- As you type, an autocomplete suggestion list will appear to assist in locating the right icon more quickly.
- To select one, simply click on the option from the dropdown menu.


Icon Style
Additional styles are available for some icons. If your selected icon does not appear, the icon does not support the selected style. Notably, brand icons do not support any additional styles.
Card text fields
Stat (title). This is a required field.Enter your statistic in this field. You may enter numbers, characters, or a combination. This field has a character limit of 6. As you type, the remaining character count will be displayed to help you stay within the limit. Entries in this field that start with a number will animate when the page loads. Examples of valid input are listed below.
- 6000
- 6,000
- 6K
- $6000 (no animation)
- Grants (no animation)
Superhead. This is an optional field.This is generally something brief, like a category, program name, or other piece of additional information.
Headline. This is an required field. Enter a headline that summarizes the main topic or purpose of the statistic.
Body
This is an optional field where you can provide a description of your statistic. Note the following text formatting rules:
- No HTML tags are allowed.
- Lines and paragraphs will break automatically, so there’s no need to input line breaks manually.
Note: While web page addresses and email addresses will automatically convert into clickable links, this is not a supported option. For adding a linkn to the card, please use the Link field.
Link
- Specify the URL where the button or action link should go
- Enter the Link Text, which is the text displayed on the button or action link
Card Options
The Stat Card has a number of color and layout options which can be found in the Styles/Behaviors section.

- Heading Level. By default, the Headline on the Stat Card are set to Heading 2 (h2). To learn more about setting heading levels for cards, visit the guide to the Card Paragraph.
- Visually Hide Heading. Check this box if you'd like to hide the Headline field.
- Background Color. Select a background color for your content area. If you select the white background, you will have two additional options:
- Icon Color. This changes the color for the Icon.
- Stat Color. This changes the color of the Stat text.
- Centered Text. Select this option if you prefer all items on the Stat Card to be centered.
- Link Style. Select whether your link should be styled as a button (default) or as an action link.