Guide
- Template: Landing page only.
- Section: Full width/ thirds/ halves / 1/3 2/3.
- Add custom 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.
- You will need assistance and advice from UX/Design before using this component.
- 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.
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.
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.
Example #3
Section: Full width.
Colour: Brand supplementary.
60%
The amount of resources allocated to the example project.