Guide
- Template: Landing page only.
- Section: Full width.
- Add custom block: Content Statistics Block.
- Type: Animated – up to 3 sections/statistics can be added.
- Colour: the colour selection is reflected in the statistic value and highlighted in the pictogram.
- Possible values:
- Brand Dark
- Brand Light – do not use. Brand light in this component does not meet accessibility requirements. Brand light is best used as a section background colour.
- Brand Accent
- Brand Supplementary.
- Possible values:
- Size: the font size of the statistic.
- Note: check the box 'Is animated' to animate the statistic value.
Large
User cannot enter more than 5/4 characters in the Item value excluding number formatting.
5 characters is the limit when 1 or 2 sections added.
4 characters is the limit when 3 sections are added.
Small
Users can enter more than 4 characters in the Item value field.
Create the animated statistic
- Statistics data feed (optional): link to a dataset. Check with your developer about using the data feed.
- Item title (optional): appears as a heading (bold text dark) in the data section.
- Footnote indicator (optional): appears as superscript next to the item title.
- Item value: Numbers, letters, special characters, can be entered.
- Note: check character limits for the font size (large or small) you have selected.
- Units (optional): used to add a unit value to the Item value, for example, km, m, %, etc.
- Note: unit limits:
- Large font size → limit of 2 characters.
- Small font size → no restriction to the number of characters.
- Unit formatting is superscript by default.
- Item description: WYSIWYG.
- Link and Link text (both optional): option to include a URL and link description.
- Note: this follows the all or none rule. If any of the sections have a link, then links should be added to the remaining sections.
- Hover over state is brand dark
- Link text is white
- In non-hover over state, an arrow icon indicates a link is there.
- The Position of the item specifies the position of the value within the block.
- You can also select whether to Display current item or not on the page.
- Icon (pictogram): select from a predetermined list. The pictogram will inherit the colour selected for the block.
- Disclaimer field (optional): WYSIWYG at the bottom of the block for further text or footnote source references.
Example #1
Section: Full width.
Colour: Brand Dark.
Size: Large.
3 items.
Item title Footnote indicator
Description
Description
Description
Disclaimer appears here
Example #2
Section: Full width.
Colour: Brand Supplementary.
Size: Large.
1 item.
Item title 1
Description
1 The source of the statistic in disclaimer field.
Example #3
Section: Full width.
Colour: Brand Supplementary.
Size: Small.
3 items.
people live in Australia.
Area of Australia 1
Description.
1 Google
Example #5
Section: Full width.
Colour: Brand Accent.
Size: Small.
1 item.
The world's population is projected to reach 8 billion on 15 November 2022.1
1 United Nations
Site examples
Bushfire recovery case study - State of the Customer - large and small
Regulation and administration - Services - small
State of the Customer - large