Content statistics pictogram

The statistics pictogram block allows for 1 statistic value to be displayed with an animated pictogram.

See and interact with the Content statistics pictogram component block demo on this page.

LANDING PAGE ONLY


Note that in all these examples, the Lottie files are reflecting the State of the Customer supplementary colour while the statistic is picking up the corporate colour palette supplementary colour.

 

Example #1

Section: Thirds.

Colour: Brand supplementary.

100%

Display vertical.

Text

Display vertical.

50km

Display vertical.


Example #2

Section: 1/3 2/3.

Colour: Brand supplementary.

75%

of people in example project.

Add a WYSIWYG here to complement the statistic 

Add a description below the heading that explains and expands on the statistical icon. You can also add an image if it is relevant to the statistic and page content. 

 

Futuristic construction image

Example #3

Section: Full width.

Colour: Brand supplementary.

60%

The amount of resources allocated to the example project. 


Example #4

Section: Halves.

Colour: Brand supplementary.

10,000

Horizontal

Link here

89%

Horizontal


Guidance

See the Help Hub guide for detailed instructions on how and when to use this component.

Top of page