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

Course Cards - h2

Courses can be grouped by Course Type, e.g. Undergraduate, Postgraduate etc.. Course Cards include course name and link elements, but can be customised.

Postgraduate - h3

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

The Embed component has column alignment for Left and Centre.

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 to aid text readability. Maximum 2 Buttons can be added.

Image Banner - Panel - h2

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 can be adjusted to aid text readability. Maximum 2 Buttons can be added.

Image Slider - h2

Multiple Slides can be added. Slides consist of a background Image, Text Panel, and Button. Slides have 2 text panel colour options – White and Primary brand colour. The Panel can be Left or Right aligned, and the Panel Opacity Level can be adjusted to aid text readability.

Image Text + Accordion

Accordion Items have Icon, Heading, Text, and Button elements.

Accordion Item One

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

Accordion Item Two

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.

Button Primary

Heading Item Three

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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sapien risus, elementum at fermentum sed, fermentum eu neque

Button Secondary

Key Selling Points - h2

The Key Selling Points component has 3 background colour options – WhiteGrey, and Primary brand colour. There are two component Types to choose from – Font Awesome Icons and Image Icons.  Custom PNG or SVG icons can be added via the Image Icons option. 3 or 4 KSP Items can be add in a row.

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 - One Column - 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 as field sets in Marketo.

Marketo Form - Two Column - 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 as field sets in Marketo. Optional Image can be added below the text.

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 - Two Column Video

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vitae neque tristique, ultrices turpis a, efficitur quam. Aenean felis nulla, maximus elementum molestie sit amet, sollicitudin nec ex. Duis varius neque id aliquam dignissim. Nullam eu neque sed velit dignissim gravida. Nunc arcu lacus, ultrices ut porttitor ac, mattis in magna.

Button

Spotlights - h2

The Spotlights component has 3 background colours options – WhiteGrey, and Primary brand colour. 2 spotlight Types are available – Image or Text. 2, 3 or 4 spotlights can be added per row.

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 Col One - 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.

Text Col Two - h2

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