Styleguide

Components for use across the site

create
innovate
improve

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Button

Heading

Button

Heading

Button

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Heading

Button

Styleguide

Class for: Section-Body-Mid

Styleguide

Class for: Section-Body-Light

Colours

Background
#FAF9F6

Background Light
#FFFFFF

Background Mid
#E8E7E4

B
#1D1D1B

Body Text Light
#FFFFFF

R
#CFCFCF

Highlight
#E6612C

Headings

Use the ‘All’ tag to edit these heading styles

Heading

H1 Medium

Heading

H1 Small

Heading

Typography

These classes allow you to edit all of the typography across the site

Paragraph

Paragraph Bold

Paragraph Underline

Paragraph Large

Paragraph Large Bold

Paragraph XL

Paragraph XL Bold

Paragraph Small

Paragraph Small Bold

Paragraph Small Underline

All Unordered Lists

Unordered List item
Unordered List item
Unordered List item

All Ordered Lists

Ordered List item
Ordered List item
Ordered List item

All Block Quotes

Block Quote

Text Link

Arrow Link

Button

Statement

Statement with an indent that is used as a testimonial.

Statistic + Statistic Small

100%

Rich Text Block + Block Quote

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is a List Item

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Block Quote