Style Guide

Typography

Heading 01

Heading 02

Heading 03

Heading 04

Heading 05
Heading 06

Body Large

Body Regular

Body 600

Body Small

Caption

Color

Primary

-

#FCB900

Primary Light

-

#FDD566

Secondary

-

#00D084

Black

-

#000000

Dim Grey

-

#4F4F4F

Border

-

#E9E2DA

Off White

-

#F7F3EF

White

-

#FFFFFF

Buttons

Icons

Btn Arrow Black Top rightLink Icon BlackArow Left Icon BlackArow Right Icon BlackCalender Icon

Rich Text Format

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.

Ready to Start

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!

Image with a 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 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.

  • This is a very nice bullet
  • And so is this
  • And here is a third one
Last one, I promise

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. Step one is this
  2. now for two
  3. finally, three