Statistics

Statistics are large numerical values used in a marketing context to provide focused, scannable numbers that you want to highlight.

This component has a UO Edit Suite template for easy use on Drupal Sites: How to use this template

Examples and Code

Select exampleDefault

Open Full Example

<div class="stats">
    <div class="stats__text">100%</div>
    <div class="stats__subtext">Informative Data Values</div>
</div>

Guidance

Usage Guidance

• Use stats for numerical brag points
• Use stats to show high level numerical comparisons
• Don’t use stats for non-numerical text

Accessibility Guidance

• Do not use headings for stats: Stats provide nice large text for visual purposes, but they should never be used as headings.

Elements

Element	Description	Usage	Required	Multiple
Text	The number to highight	Limit to no more than 5-6 digits	Yes	No
Subtext	A short description of that number	Limit to 3-4 words max	Yes	No