Icons
Icon block options.
Icon tile
When should I use the icon tile block?
- This block uses a strong icon identifier to help users better understand the text content contained in the icon tile.
- This block can be used as a set of 'doors' on a landing page to direct to different subpage content.
- It can also be used to group or categorise different types of information.
What makes up the icon tile block?
Each block can be made up of the following:
| Item | Requirements |
| Columns | Two or Three |
| Tile heading |
30 characters |
| Tile content |
Up to 114 characters |
| Icon |
SVG format |
| CTA button |
Optional |
Example
Icon tile heading
Subeading area is rich texts and can include bold and italics.
This example has no CTA button.
Icon combo
When should I use the icon summary block?
- This block uses a strong icon identifier to help users better understand the text content contained in the icon tile.
- This block only allows minimal text content, so each icon should be succinct, meaninful and relating to the iconography used.
What makes up the icon tile block?
Each block can be made up of the following:
| Item | Requirements |
| Block heading |
30 characters |
| Block subheading |
60 characters |
| Columns | Three or four |
| Tile icon |
SVG format |
| Tile heading |
Up to 60 characters |
| Tile content |
Optional |
Example
Icon combo block heading
Icon combo block subheading example
Icon combo heading
Icon combo subheading
Icon combo heading
Icon combo subheading