Style Guide—

— Typography

Hero Text

Syne 700 | 175px | 1em

Heading #1

Syne 600 | 110px | 1.2em

Heading #2

Syne 700| 56px | 1.2em

Heading #3

Syne 700 | 42px | 1.2em

Heading #4

Manrope 700| 32px | 1.25em
Heading #5
Manrope 700| 24px | 1.25em
Heading #6
Manrope 700| 16px | 1.25em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

— Rich Text

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 start writing.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
  1. Give the rich text element a class
  2. Select the element within the rich text that you want to style — a blockquote, for example
  3. Click the + sign below the selector field to “Nest selector inside of” your rich text element’s class

This is a Text Link

How to customize formatting for each rich text element

Image Caption
And this would be an H5
  • 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.

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 start writing.

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.
Light Outline Link
Dark Outline Link

Dark Rich Text

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 start writing.

Heading 2

Heading 6

Static and dynamic content editing

  1. Give the rich text element a class
  2. Select the element within the rich text that you want to style — a blockquote, for example
  3. Click the + sign below the selector field to “Nest selector inside of” your rich text element’s class

This is a Text Link

How to customize formatting for each rich text element

And this would be an H5
  • 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.
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.