Typography

H4 / Heading small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

H3 / Heading medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

H2 / Heading large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

H1 / Heading xlarge

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

.text_paragraph-large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

.text_paragraph-small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

.text_quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

.text_highlight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

.text_bold

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id orci in velit cursus consequat. Donec elementum euismod maximus. Nulla purus mi, tempus et dui vitae, auctor tincidunt dolor.

.richtext

The Boxing Wizards

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!

Zelda might fix the job growth plans very quickly on Monday.

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 image caption

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 text link to any collection and then connect a rich text element to that field in the settings panel. Voila!

  1. 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.
  2. 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.

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.

  • 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.
  • 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.
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.

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.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc auctor imperdiet sagittis. Aliquam blandit blandit mauris at fringilla. Etiam aliquet ligula erat. Phasellus convallis eu mauris nec tempor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum cursus arcu at facilisis maximus. Donec consequat rutrum congue. Maecenas congue dui sed odio interdum aliquet sit amet in urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum sed posuere massa, nec condimentum turpis.

Colours
core / grey
This is some text inside of a div block.
core / black
This is some text inside of a div block.
core / white
This is some text inside of a div block.
core / petrol blue
This is some text inside of a div block.
core / light grey
This is some text inside of a div block.
core / mid grey
This is some text inside of a div block.
core / dark grey
This is some text inside of a div block.
other / cities
This is some text inside of a div block.
other / built environment
This is some text inside of a div block.
other / learning
This is some text inside of a div block.
plastics / blue
This is some text inside of a div block.
plastics / mid blue
This is some text inside of a div block.
plastics / light blue
This is some text inside of a div block.
plastics / neon blue
This is some text inside of a div block.
food / orange
This is some text inside of a div block.
food / mid orange
This is some text inside of a div block.
food / light orange
This is some text inside of a div block.
food / neon orange
This is some text inside of a div block.
design / yellow
This is some text inside of a div block.
design / mid yellow
This is some text inside of a div block.
design / light yellow
This is some text inside of a div block.
design / neon yellow
This is some text inside of a div block.
finance / mauve
This is some text inside of a div block.
finance / mid mauve
This is some text inside of a div block.
finance / light mauve
This is some text inside of a div block.
finance / neon mauve
This is some text inside of a div block.
fashion / purple
This is some text inside of a div block.
fashion / mid purple
This is some text inside of a div block.
fashion / light purple
This is some text inside of a div block.
fashion / neon purple
This is some text inside of a div block.
policy / grey
This is some text inside of a div block.
policy / mid grey
This is some text inside of a div block.
policy / light grey
This is some text inside of a div block.
policy / neon grey
This is some text inside of a div block.
Assets
Logos
Icons
content types
Topic tag dots
topic tafs
emf
fashion
plastics
policy
finance
food
design
languages
social icons
Miscellaneous icons
Elements
Sections
.SECTION
Containers
.container
.small
.container
.medium
.container
.large
Global
.global_page-wrapper
.global_container
.global-grid
.margin-0
.hide_all
.hide_desktop-only
.hide_tablet+below
.hide_tablet-only
.hide_mobile-landscape+below
.hide_mobile-only
Buttons
.Button .primary
Button
.button .secondary
Button
.button_pill
Fashion
Forms
.form
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.