Text Styles

H1 / Headline 1
56px Font Size

The quick brown fox jumps

H2 / Headline 2
40px Font Size

The quick brown fox jumps over the lazy dog

H3 / Headline 3
32px Font Size

The quick brown fox jumps over the lazy dog

H4 / Headline 4
28px Font Size

The quick brown fox jumps over the lazy dog

H5 / Headline 5
20px Font Size
The quick brown fox jumps over the lazy dog
H6 / Headline 6
16px Font Size
The quick brown fox jumps over the lazy dog
Title
32px Font Size

The quick brown fox jumps over the lazy dog

Subtitle 1
24px Font Size
The quick brown fox jumps over the lazy dog
Subtitle 2
20px Font Size
The quick brown fox jumps over the lazy dog
Subtitle 3
16px Font Size
The quick brown fox jumps over the lazy dog
Paragraph Default
16px Font Size

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Paragraph Large
16px Font Size

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Link
16px Font Size
Link Large
24px Font Size
List Items
  • This is a list item
  • This is a list item
  • This is a list item
List Items
  • This is a list item
  • This is a list item
  • This is a list item
Quote
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form

Color Styles

Contextual Colors
#EE7821
#FF5E15
#EA520E
Pale Colors
#FFE0E0
#FFFAFB
#FFF9F9, 80%
#FFF9F9, 20%
Text Color
#121F3E
#96A0B5
Icon Color
#6D7D93
Divider Color
#E5EBF0
#F2F5F8
Background Color
#F3F7F9
#F2F5F8

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.

Here is an example of a 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.

  • Example List Item
  • Example List Item
  • Example List Item
  • Example List Item
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.