Skip to main content

Looking for the old Design System website? View an archive of the Design System Version 2.

Factoids

Overview

A list of important statistics.

When to Use

When you want to show off outcomes or prove the benefits of your offerings.

Content Guidelines

Component
ContentDescriptionMax Chars.
HeadingShort copy that grabs the user’s attention.56
SubheadingShort copy that expands on the heading.100
Background ImageOptional background image for the component.N/A
PostscriptAdditional info e.g. to direct the user to resources.100
Items
ContentDescriptionMax Chars.
Pre- TextThe first part of a sentence that describes the factoid.56
Number*The number of the statistic you want to highlight.200
Post- TextThe last part of a sentence that describes the factoid.56
SourceThe source of the information presented.N/A

*Required content.

Example 1 General Audience Default Tone Color Palette Option 3

By the Numbers

Subheading goes here.

According to 95% of things occur Source

Here is another stat 1,000 post stat text. Source

Third stat start text 550+ post stat text. Source

Postscript text.

Example 2 General Audience Default Tone Color Palette Option 1

Heading

By the Numbers

Pre text 99% post text. Source

Pre text 4,596 post text. Source

Pre text 550+ post text. Source

Pre text 630 post text with longer sentence. Source

Example 3 General Audience Default Tone Color Palette Option 1

By the Numbers

Pre text 95% Post text. Source

Pre text 95% Post text. Source

Pre text 95% Post text. Source