Style Guide

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse varius enim in eros elementum tristique.

Colors

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Green Darker
#0A9B6F
Green Dark
#19C792
Green
#3AE8B4
Green Light
#85FBD7
Green Lighter
#3AE8B3, 8%
Orange Darker
#B46508
Orange Dark
#DB8117
Orange
#FFA842
Orange Light
#FFCA8C
Orange Lighter
#FFA842, 8%
Purple Darker
#2B0E9F
Purple Dark
#4322CA
Purple
#5E3BEE
Purple Light
#A691FB
Purple Lighter
#5E3AEE, 8%
Neutral 900
#0F1221
Neutral 800
#1E2238
Neutral 600
#3C4263
Neutral 500
#656B8E
Neutral 400
#989DBB
Neutral 300
#E0E2EF
Neutral 100
#F9F9FC
Typography

Display Heading

H1 Title

H2 Title

H3 Title

H4 Title

H5 Title
H6 Title
Heading Large
Heading Normal
Subheading Large
Subheading Small

Paragraph Large

Paragraph Default

Paragraph Small

Caption

Italic

Bold

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
  • List Item
Here is an example of an image caption

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.