Stanford UniversityRequest a Site
Winter Closure:

Please note that site launches will pause in advance of Stanford's Winter Closure. The last day to launch in 2025 will be Tuesday, December 16, 2025. Launches will resume on January 5, 2026.

Learn more about launching your site
Stanford Sites User Guide

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 at 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 can be used to give visual interest and context to your statistic. Stat Cards use the 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
  • 6K
  • $6000 (no animation)
  • Grants (no animation)

Note that numbers should not include a comma. The system will detect if a comma is required and add it automatically.

Superhead. This is an optional field and provides a place to add a brief clarifying phrase, like a category or program name.

Headline. This is a required field. Enter a headline that summarizes the main topic or purpose of the statistic.

Body

This is an optional field where you can describe 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 link 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.