What is a highlight block?
A highlight block allows us to display a single quote, stat or statement within any page. It's useful to break up longer pages or feature a key figure, stat or highlighted piece of content.
Highlight block content should always be standalone and should not rely on other content for context or explanation.
Highlight block fact
Highlight block quote
Highlight block statement
- Highight type: fact/quote/statement (required)
- Highight content: short sentence or quote, not designed for paragraphs of text (required)
- Label text: max of 3 items (optional)
- Label text should be used for name or organisation quote/stat is attributed too
- Highlight blocks are used for facts, quotes or statements
- Quotes are styled with a left aligned quotation mark
- Facts are styled as large left aligned number with an additional fact number
- Highlight block can be used on all pages
- Optional labels - Three free text format fields allows for a mixture of content such as name, title, company, age, evidence, research reference etc.
- Highlight block spans full width depending on template display ratio (70% left aligned or 60% centralised depending on template type selected)
- Aim for one highlight block per page - too many highlights can diminish the impact
- Highlight block does not contain images
- Highlight block is not functional and should not contain links
- Should not be used for multiple lines of content - straplines and short sentences only
- Should not be added to a card container
- No ability to change the background colour
- No rollover state
- No clickable elements
- Label text(s) within the card is optional
- Highlight block always spans the full width off the page