Components
Our main design components, from small elements like buttons and icons, to more complex components like cards and accordions.
Explore our components
-
Accordion
A content dropdown that lets users show and hide content.
-
Anchor list
Lets users skip through a page of content using a list of anchor links.
-
Article listing
A dynamic panel that automatically pulls information from an article page.
-
Articles and article listing page
Two page styles that work together with the article listing component.
-
Button
Used to highlight a CTA or link.
-
Card
Helps to navigate users through a section, or split information into chunks or steps.
-
Clickable logos
A logo with a link, usually for partners or awards.
-
Contact details
Fields that use schema markup to help search engines recognise different contact details.
-
Icon
A small graphic image used to add visual interest or signify meaning.
-
Image
Images can be used in lots of ways, from adding visual interest, to showing information in a visual way like a graph.
-
Inset text
Used to highlight important information or separate certain information from the rest of the page.
-
Modal
A pop up used to interrupt the user - for example, to ask for cookie permissions.
-
Quote
A quote and author which stands out from other page text.
-
Stat
Used to showcase stats, highlights or key features.
-
Tabbed content
Splits information into separate tabs so users can choose what's relevant.
-
Video
Used to embed videos from YouTube onto a page.