Statistic Card

Statistic cards are a wonderful way to highlight specific numerical facts.

University Communications has provided further information about this component with regards to best practices on their Web Creator Guide. Check out their guide for more tips and tricks for this component and more.

  • Published - Select or unselect to make component visible or not to site visitors. Defaults to published
  • Background Color (required) - Choose the colors which to use when displaying the component
    • White, Black, Gray
  • Section Header (optional)
    • Include in Jump Links Menu - Select or unselect to make section title an anchor link
    • Section Title - Give the section a title that will help identify the component. This also doubles as an anchor link for the section when using the Current Page Section Menu on Basic Pages
    • Description - Short description that helps further explain the section
    • Button Color - Color of the CTA button (green, gold)
    • Button Link URL / Text - Identify where the button should take visitors and what the button should say
  • Statistic (required) - Typically numerical. Maximum of 6 characters
  • Title (required) - Provide a short title to describe the statistic. Typically 1-2 words
  • Description (optional) - Provide a little longer description of the statistic
  • Card Link URL / Text (optional) - Provides a simple link to more information about the statistic

Instructions start on the Create or Edit Page within a piece of content.

  1. Create Content using the Add Component button
  2. Choose Statistic Card from the list of Components in the Cards section
    OR
    Edit Content using the Edit button
  3. Switch the Published field on or off for the component to be published or unpublished
  4. (required) Choose the Background Color for the component (white, black, gray)
  5. (Optional) Section Header allows for the creation of a Call to Action (CTA) to display above or to the left of the accordions.
    1. Include in Jump Links Menu (defaults to yes)
    2. Section Title
    3. Description
    4. Button Color (green, gold)
    5. Button Link URL / Text
  6. (required) Provide a Statistic to display. Maximum of 6 characters
  7. (required) Give the statistic a Title
  8. (optional) Provide a little Description for the card. Should be short and to the point
  9. (optional) Give the Card Link a place to send users to learn more
  10. Click Add Statistic Item to add more cards
  11. Repeat steps 6-10 until desired number of cards has been reached
    1. Minimum of 2 items with a maximum of 4 items

Statistic Card Examples

Below is a sample of what a Statistic Card can look like. You can also find more examples on the next page.

More Examples
  • 10k
    New Graduates
    every semester
    Link Text
  • 99%
    of Students
    benefit from some form of financial aid
    Link Text
  • 75+
    Bachelor's Degree
    Programs
    Link Text