Components
Our enterprise websites use a component-based system. This means that you build pages from the ground up by combining a variety of individual elements. Follow the guides for a step-by-step explanation of how to use each component.
Hero banners
Hero banners communicate the most important message at the top of the page. Choose from a variety of options.
Hero-Full Width Image
Make a strong impact with an opening image
Find out more
Hero-Full Width Video
Give your page a strong introduction
Find out more
Hero-Small
A no-frills option for introducing your page
Find out more
Hero-Small Image
Hook users in with an image
Find out more
Hero with Anchor Links
Help users quickly locate relevant information
Find out more
Article Hero
How to set up an article page
Find out more
Event Hero
How to set up an event page
Find out more
Text presentation
Word-based components are used on every page. You have a wide variety of options to choose from, suitable for any content type.
Body Text
Present text without extra visual features
Find out more
Case Studies Carousel
Build credibility with client testimonials
Find out more
Editorial Block with Sidebar
Elegantly present text, images, and supporting information
Find out more
Accordion
Reduce clutter with a clickable dropdown
Find out more
Fixed Image and Text Scroll
Break up long-form pages
Find out more
Image and Call to Action
Promote related content
Find out more
Key Points
Reinforce your message with a visual aid
Find out more
List Spotlights
A flexible tool for presenting text and links
Find out more
Product Overview
Summarise and compare information
Find out more
Section Highlight
Emphasise key information and break up text
Find out more
Stats and Facts
Highlight key messages and numbers
Find out more
Tabs
Help users navigate between sets of information
Find out more
Quote
Demonstrate credibility and highlight key messages
Find out more
Multimedia
Showcase images, video, and podcasts.
Calls to action
Encourage users to take a specific action, such as completing a form.
Links and navigation
Take users on a tailored content journey. Link out to pages with a variety of visual options.
Articles List (Cards)
Encourage users to click on articles
Find out more
Double Call to Action Bar
A flexible tool for wayfinding
Find out more
Related Content Manual Carousel
Increase user dwell time with related content
Find out more
Sticky Section Navigation
Encourage user journeys and boost engagement
Find out more
People elements
Showcase your people, including contact details and biographies.
