Styleguide

Type

Display Heading

Lorem ipsum dolor sit

H1

Lorem ipsum dolor sit

H2

Lorem ipsum dolor sit

H3

Lorem ipsum dolor sit

H4

Lorem ipsum dolor sit

H5
Lorem ipsum dolor sit
H6
Lorem ipsum dolor sit
Large Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor.

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor.

Small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor.

Color

Dark Primary
Primary
Mid Primary
Light Primary
Lightest Primary
Dark
Grey
Light Grey
White

Rich Text Element

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.

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.

  1. Ordered Item 1
  2. Ordered Item 2
  3. Ordered Item 3
  • List Item 1
  • List Item 2
  • List Item 3
This is a quote.