Components

Page components

A snapshot of all the components – the building blocks that can be used to create your new page.

Accordions

Accordions can be clicked to reveal or hide content that is associated with them. It minimises scrolling by collapsing content that is irrelevant to the user and particularly useful when there is an extensive amount of content on one page.
Accordions - nested

Nested accordions are a useful way to condense and group accordions on a page.
Cards carousel

The cards carousel is made up of multiple cards that can be used to promote a group of related links. Users can scroll left and right to see more cards. Each card consists of an image and heading.
Cards grid

Cards are a flexible way to concisely display groups of content. They can consist of a heading, description and icon.
Facts and figures

Facts and figures displays rankings and other achievements in an info-graphic style list of up to four icons or featured statistics.
Feature boxes

Feature boxes are one of the main navigation components used on a page. They are usually made up of a title, description, image/video and link.
Feature box wide

Feature box wide is a variant of our feature box component and takes up the entire width of a page. It allows visitors to move into key sections of your site.
Full-width banner

Full-width banners are the primary way we highlight key content on our pages, and should only be used on landing pages. It's used to promote key activities, events and news items. You can select from a static full-width banner or carousel full-width banner.
Intro text

The intro text component consists of the page title and description to provide context to a page.
Promotional block

Promotional blocks are a secondary way to highlight key content, in addition to the banner.
Quick links

The quick links container allows you to group together up to 18 separate links across 3 columns.
Tabs

Tabs allow the user to quickly find and compare content in different sections separated by a tabbed heading.

Template reference

Template reference

Components

Page components

Accordions

Accordions - nested

Cards carousel

Cards grid

Facts and figures

Feature boxes

Feature box wide

Full-width banner

Intro text

Promotional block

Quick links

Tabs