A Statistic showcases a data point or quick fact in a way that visually stands out. It consists of a number/percentage and body text in its simplest form. It can also include an icon, title, and a call to action.

Sample component

80% of Fortune Global 500 telecom companies1

Anatomy

Each stat is composed of a number or percentage and body text. A title, icon, or call to action are optional elements that can provide additional information.

A stat's anatomy consists of an icon, title, number, body text, and call to
action, in that order.

Title

If there's supporting text for the number, the words can be added as a title. For example, in the phrase “more than 90%,” the words "more than” are added as a title.

Number

This slot should include only digits, a percentage symbol, periods, or commas.

Body text

Every stat should have body text that explains the context around the number.

Additional elements

A stat can contain a relevant icon and/or call to action.

© 2021-2023 Red Hat, Inc. Deploys by Netlify