Style guide

One source of truth.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

H1 - Dark

H1 - Blue

H2 - Dark

H2 - Blue

H3 - Dark

H3 - Blue

H4 - Dark

H4 -Blue

H5 - DarK
H5 - DarK
H6 - Dark
H6 - Dark

H1 - White

H2 - White

H3 - White

H4 - White

H5 - White
H6 - White

HTML tag - All paragraphs. This is body copy. 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.

Please use a new paragraph element to create a new paragraph. This is instead of using double return.

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.

Body copy LRG - Text grey. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a link within the copy.

Body copy LRG - Lighter. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Body copy STD - Text grey. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. This is a link within the copy.

Body copy STD - Lighter. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body copy SML - Text grey. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a link within the copy.

Body copy SML - Lighter. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Body copy LRG - White. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is a link within the copy.

Body copy LRG - Lighter. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Body copy STD - White. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. This is a link within the copy.

Body copy STD - Lighter. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body copy SML - White. Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is a link within the copy.

Body copy SML - Lighter. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • This is a bulleted list with body copy LRG
  • This is a bulleted list with body copy LRG
  • This is a bulleted list with body copy STD
  • This is a bulleted list with body copy STD
  • This is a bulleted list with body copy SML
  • This is a bulleted list with body copy SML
  1. This is a numbered list with body copy STD
  2. This is a numbered list with body copy STD
  1. This is a numbered list with body copy STD
  2. This is a numbered list with body copy STD
  1. This is a numbered list with body copy STD
  2. This is a numbered list with body copy STD
  • This is a bulleted list with body copy LRG
  • This is a bulleted list with body copy LRG
  • This is a bulleted list with body copy STD
  • This is a bulleted list with body copy STD
  • This is a bulleted list with body copy SML
  • This is a bulleted list with body copy SML
  1. This is a numbered list with body copy STD
  2. This is a numbered list with body copy STD
  1. This is a numbered list with body copy STD
  2. This is a numbered list with body copy STD
  1. This is a numbered list with body copy STD
  2. This is a numbered list with body copy STD
LAbel STD
Label SML
LAbel STD
Label SML

Rich text block styles - H1

This is a rich text block - H2

This is a rich text block - H3

This is a rich text block - H4

This is a rich text block paragraph using body copy.

The rich text element allows you to create and format headings, paragraphs, block quotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Headings, paragraphs, block quotes, 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.

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!

  • This is a bulleted list in a rich text block
  • This is a bulleted list in a rich text block
  • This is a bulleted list in a rich text block
  1. This is a numbered list in a rich text block
  2. This is a numbered list in a rich text block
  3. This is a numbered list in a rich text block
This is a block quote in rich text

This is a rich text block for paragraph using Body copy SML - Lighter.

The rich text element allows you to create and format headings, paragraphs, block quotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Headings, paragraphs, block quotes, 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.

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!