Usage

The statistics block allows for up to 3 animated or static statistics to be displayed in a section.

Use the Statistic component to:

  • call attention to important statistics
  • supplement a point in the main text

When to avoid

The Statistics component should be used sparingly to maintain effectiveness.

Do not:

  • add multiple statistics block on a page, as this dilutes the importance of the statistic and distracts the user.
  • create a statistic with content that is not relevant to the user as your reader might then ignore furutre statistics

Configuration

  • The Statistics component can be configured to display one, two or three statistics in a block
  • Statistics which are a percentage or a number below 100 can optionally be animated
  • The border is able to be enabled or disabled
  • The statistic value can be coloured Brand Dark, Brand Light or Brand Accent. If uploading an icon or pictogram, we recommend you align the colour to the font colour you select
People icon
69%

of children aged 2-5 can use a computer mouse, but only a mere 11% can tie their shoelaces. 

Plant icon
92%

of the worlds oxygen comes from plants.

People icon
86%

of the worlds population speak two or more languages.

Plant icon
Climate

Extreme events, sea level rise, increased temperatures, reduced rainfall

People icon
Sector

State Government

Globe
Data

Medium