style guide

this is for section headers

Steelfish Bold › size 80pt › kerning -10

This is for H2

Steelfish bold› size 54pt › Line height 56px

This is the size of the gigantic hero copy.

Helvetica Neue Light › size 26pt › Line height 36px

This is the size of the regular body copy.

Helvetica Neue Light › size 18pt › Line height 24px

This is for Blog Card Headers

Helvetica Neue Condensed bold › size 26pt › Line height 28px

This is for Blog Card Copy

Helvetica Neue Light › size 14pt › Line height 16px

This is for Small Blog Card Copy

Helvetica Neue Light › size 14pt › Line height 16px
This is a link block
Helvetica Neue Bold › size 14pt › Line height 16px
Helvetica Neue Bold › size 14pt › Line height 16px

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.

Services

  • Acoustic

#FFFFFF

Ivory

#000000

Onyx

#FADE59

School Bus

#403796

Aquamarine

#EE9C4A

Traffic ConE

#ED57AF

Lawn Flamingo