The Content Statistics Pictogram Block displays one statistic value with a small description. You can place it either below or to the side of the stats value.
Before using the Statistics Pictogram Block
- Lottie files must be designed with the Supplementary colour as the Lottie file will not inherit the Supplementary colour. A Lottie is a JSON-based animation file format that allows you to ship animations on any platform as easily as shipping static assets.
- If you do not find a Lottie file that suits your purposes, get in touch with your brand cluster representatives to have a new one created.
Guide
- Template: Landing page only
- Section: Full width/ thirds/ halves / 1/3 2/3
-
Add content block: Content Statistics Pictogram Block.
- Note: only one statistic can be created per block.
-
Layout:
- Horizontal (image displays to the left of the statistic and description).
- Vertical (image displays above the statistic and description).
- Colour (statistic only): defaults to brand supplementary.
-
Add media is mandatory: the only media you are able to select for use in this component are Lottie files (.json).
- Lottie files must be designed with the Supplementary colour as the Lottie file will not inherit the Supplementary colour.
- Value (statistic): no character limit. Accepts alpha, numeric and special characters. This field does not animate.
- Description (WYSIWYG): displays below the value in both horizontal and vertical options.
Adding a Statistics Pictogram to a Landing page
To add this to a landing page, type in ‘content’ on the search box when adding a block to a page. Then select Content Statistics Pictogram Block under DCS.
The Layout options are:
-
-
Horizontal
-
Vertical
-
See this live on nsw.gov.au
Check out Statistics Pictogram Block to see how this works on a live page.
You can also see a live agency example on Customers: State of the Customer.
Need any more help?
If you have any questions, or require assistance with anything mentioned on this article, submit a request via the webform.