Typography

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.

Paragraph Links — Bold Text — Italic Text

Vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

This is some text inside of a div block.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
Nullam dictum felis eu pede mollis pretium.
Integer tincidunt. Cras dapibus.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae.
Nullam dictum felis eu pede mollis pretium.
Integer tincidunt. Cras dapibus.

Nisl convallis amet, quisque mus turpis urna. At cursus vitae ac blandit integer lacus. Aliquam, lorem turpis magna sed purus.

“Etiam lectus bibendum nam tortor, est posuere. Mauris tempus eget tempor nunc ultricies. Sem morbi volutpat.”

Sollicitudin rhoncus, convallis rutrum vitae fusce. Pretium volutpat arcu, ultrices vestibulum scelerisque faucibus neque adipiscing.

Commodo consequat imperdiet vitae. Vitae id at nisl phasellus.

Nec quis ipsum quam pharetra condimentum tellus. Et luctus ut dui, habitant tincidunt. Non facilisi eu ut suspendisse magna.

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5

Heading H6

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.

Colors

Background A

#abc394

Background B

#486036

Dark

#191919

Border

#FFE2C0 - 20%

Paragraphs

#FFE2C0 - 55%

Light

#FFE2C0

Accent A

#BF344E

Accent B

#29938D

Shadow

#0f1823 - 50%

Buttons

Button Normal Button Small

Style Guide