Skip navigation links

Fact

The Fact component is used to highlight an interesting data fact with some supporting text.

Image showing three Facts used in a Grid Container
Figure 1: An example of Facts used in a Grid Container (3 Small variant)

 

Component Information

Benefits

  • The Fact component displays a large data fact (a number or short word) with brief supporting text inside of a box. 
  • A Fact may be set to link to another page. This is optional. 
  • A Fact is not placed on a page by itself. It is used inside of other components: Grid Container, Image Fact Grid or Text Fact Grid. 
  • Global Facts are also available for use across sites. Having Facts that serve site-wide or across sites ensures that the same Facts referenced in different locations use the same data, and that updates are made in all locations where a Fact is used. 
  • The minimalist text on background design helps provide some visual interest on grids when mixed with other types of components. 

Example Use Cases

  • Display the number of majors in a college and link to a page where prospective students can explore the programs. 
  • Highlight a program ranking. 
  • Emphasize a point of pride and link to a story with additional details. 
  • Create a visually interesting contact information page grid.

Frequently Asked Questions

Facts for a site are in the site’s Facts folder, which is inside of the site’s Data node. Facts also may be available from the Global Facts folder.

See Fact instructions to create site Facts. 

Global Facts are created by University Communications and Marketing. Contact Comms.WebSupport@msu.edu to offer a suggestion for consideration.

No. The “Title — Image” field is only for preapproved SVG icons. Icons are sourced from https://fontawesome.com/.

If a new icon is needed, please contact University Communications and Marketing at Comms.WebSupport@msu.edu.

Instructions for Use

  • Place an existing Fact in a Grid Component, Image Fact Grid component or Text Fact Grid component, following procedures for those components.
  • Existing Facts available to use are in the site’s Data > Facts folder or in the Shared Sites > Global Facts folder.
  • Content authors may create new Facts in the Content Editor in their site’s Data > Facts folder. 
  • Content authors may also create new Facts by choosing “Create new” when placing a Fact in the Image Fact Grid in Pages. Select the site Facts folder for the location. 
  • Data for a Fact can be added/edited in the Content Editor, directly in Pages or in Explorer. 
  • When creating a new Fact, be sure to test it in the Grid Container, the Image Fact Grid component and the Text Fact Grid component to ensure it will look good if and when it is reused on other site pages.

Facts used in an image fact grid on the Brand Studio Brand Strategy page.

Screenshot of two variants of a Fact in a small grid cell. The dark green variant on the left has a dark green background, bright green large fact title and white small fact subheading. The white variant on the right has a white background, bright green large fact title and dark green small fact subheading.
Figure 2: The two variants of a Fact are green background and white background. 

 

Four dark green variant facts appear in a 2x2 grid next to a tall image of a lantern in front of an old brick residence hall.
Figure 3: Four facts using the dark green variant appear on the left in a "4 Small, 1 Tall" Grid Container.

Tool Use Guide

 

 PagesExplorerContent Editor
Create a FactOptimal  
Add a Fact to the pageOptimal  
Add/edit Fact titleOptimalPossiblePossible
Add/edit Fact subheadingOptimalPossiblePossible
Add/edit Fact linkOptimalPossiblePossible
Add/edit Fact image* PossibleOptimal
Add/edit Fact description** PossiblePossible

* Fact image is only for approved SVG icons and only displays in the Text Fact Grid.
**Fact description only displays in an Image Fact Grid.

 

Documentation updated: Nov. 1, 2024