Skip to Main Content

Overview Image + Intro text - h1

The Overview Image + Intro Text component also has an optional CTA Button.

Card Slider - h2

The Card Slider component has 3 background colours options – White, Grey, and Primary brand colour. Cards have heading, text, and button elements, but can be customised.

Card One - h3

Card one text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.

Card Two - h3

Card two text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.

Category Slider - h2

The Category Slider component is similar to the Card Slider but with category buttons on the left. Cards have heading, text, and button elements, but can be customised.

Card One - h3

Card one text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Card Two - h3

Card two text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Secondary

Card Three - h3

Card three text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Category Two Card One

Category Two Card one text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Category Two Card Two

Category Two Card two text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Secondary

Category Two Card Three

Category Two Card three text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Category Three Card One

Category Three Card one text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

Category Three Card Two

Category Three Card two text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Secondary

Category Three Card Three

Category Three Card three text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.


Primary

CTA Panel - H2

The CTA Panel component has 3 background colour options – White, Grey, and Primary brand colour. Up to 6 CTA Buttons can be added.

Embed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, lorem eu gravida pulvinar, quam turpis tristique leo, eu pretium neque nisi quis enim.

Embed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, lorem eu gravida pulvinar, quam turpis tristique leo, eu pretium neque nisi quis enim.

FormAssembly - h2

Add a FormAssembly form by adding the form ID.

Image Banner - Overlay - h2

The Image Banner component has 2 types – Overlay, and Panel.

The Overlay Opacity Level can be adjusted. Maximum 2 Buttons can be added.

Image Banner - Panel

The Image Banner component has 2 types – Overlay, and Panel. There are 2 Panel Colour options – White and Primary brand colour.

The Panel Opacity Level of the can be adjusted. Maximum 2 Buttons can be added.

Image Slider - h2

Image Text + Accordion - h2

The Image Text + Accordion component has an optional Image element. The Accordion Item Heading text size is set to  Medium and has optional Icon before the heading text.

Accordion Item Heading - MediumText

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, lorem eu gravida pulvinar, quam turpis tristique leo, eu pretium neque nisi quis enim. Proin luctus, lectus et pharetra ultricies, est risus dapibus lacus, accumsan vestibulum felis felis tincidunt odio. Quisque vitae diam pellentesque, scelerisque ex vitae, blandit mauris. Morbi hendrerit a velit eget imperdiet. Suspendisse posuere massa mi, a vulputate dui eleifend et. Donec mollis ultrices felis non bibendum. Aliquam id congue nisi. Cras imperdiet arcu sagittis, placerat est a, dictum turpis. Praesent mattis quis mi ut egestas.

Primary

Accordion Item Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consectetur, lorem eu gravida pulvinar, quam turpis tristique leo, eu pretium neque nisi quis enim. Proin luctus, lectus et pharetra ultricies, est risus dapibus lacus, accumsan vestibulum felis felis tincidunt odio. Quisque vitae diam pellentesque, scelerisque ex vitae, blandit mauris. Morbi hendrerit a velit eget imperdiet. Suspendisse posuere massa mi, a vulputate dui eleifend et. Donec mollis ultrices felis non bibendum. Aliquam id congue nisi. Cras imperdiet arcu sagittis, placerat est a, dictum turpis. Praesent mattis quis mi ut egestas.

Secondary

Accordion Item Three

Morbi hendrerit a velit eget imperdiet. Suspendisse posuere massa mi, a vulputate dui eleifend et. Donec mollis ultrices felis non bibendum. Aliquam id congue nisi. Cras imperdiet arcu sagittis, placerat est a, dictum turpis. Praesent mattis quis mi ut egestas.

Key Selling Points - h2

UK Top 10

for multiple subjects
(The Guardian and The Times 2026)

UK Top 15

for graduate employability
(Uni Compare 2026)

Gold for Teaching

in the Teaching Excellence Framework
(TEF 2023)

Marketo Form - h2

There are 3 layout options for Marketo Form – One Column, Two Column, and Pop-up. The form can be added as a Single form or Stepped form. Stepped form requires grouping of related elements in fieldsets in Marketo.

Media + Text - One Column Image

There are 2 types for Media + TextImage and Video. There are 2 Layout options – One column and Two columns – and 3 Background Colour options – White, Grey, and Primary brand colour.

Button

Media + Text - One Column Video

The academic aspects of a university experience are important, but so is the social side. The Students’ Union has over 130 societies to join, where you can meet people with the same interests as you and form long-lasting friendships.

Button

Media + Text - Two Column Video

If you’re looking for the best study abroad campus and study abroad life, here is a contender. Explore our 600 acres of parkland, equipped with modern facilities and everyday amenities, designed to meet your needs.

Button

Spotlights 3 - h2

Spotlight One - h3

Spotlight One text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque.

Spotlight Two - h3

Spotlight Two text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque.

Spotlight Three - h3

Spotlight Three text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque.

Text - h2

The Text component has 3 background colour options – White, Grey, and Primary brand colour.

There are two Layout options – One Column and Two Column.

Text size can be adjusted – Medium (default text size), Large, and Extra Large.

Text - h2

Column One medium text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.

Column Two

Column Two large text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque. Ut posuere dolor in augue porttitor, sit amet placerat felis varius. Donec eu mauris eu ante auctor pharetra. Sed gravida rutrum nibh, eget dapibus orci vehicula ut.

Back to Top