Colors

Silver

Light Grey

Medium Grey

Light Teal

Teal

Dark Teal

light green

green

Dark green

Typography


Heading 1

Cormorant – 56px / Regular / Black

 

Heading 2

Cormorant – 48px / Regular / Black

 

Heading 3

Cormorant – 36px / Regular / Black

 

Heading 4

Cormorant – 28px / Regular / Black

 

Heading 5

Avenir – 20px / Extra Bold / Black

 

Heading 6

Avenir – 14px / Regular / Medium Grey

 

Heading 6 – Bold

Avenir – 14px / Extra Bold / Medium Grey

 

Large Body

Avenir – 18px / Regular / Medium Grey

 

Regular Body

Avenir – 16px / Regular / Medium Grey

 

Small Body

Avenir – 14px / Regular / Medium Grey

 

Extra Small Body

Avenir – 12px / Regular / Medium Grey

 

Wysiwyg


Cras mi augue, vehicula sed Regular wysiwyg link, tincidunt vitae odio. Curabitur pulvinar convallis lacinia. Sed tellus purus, euismod eget sollicitudin nec, porttitor ut velit. Sed et erat tempus, venenatis odio sed, tempor quam.Cras velit dolor, ultrices quis leo et, varius accumsan dui. Integer sed mi eget velit laoreet ullamcor vel nisi.

 

  • List item one
  • List item two
  • List item three
  • Cras mi augue, vehicula sed Regular wysiwyg link, tincidunt vitae odio. Curabitur pulvinar convallis lacinia. Sed tellus purus, euismod
  • List item two
  • List item three
  1. Order list item one
  2. Ordered list item two
  3. Ordered list item three

 

Table Header Cell Table Header Cell Table Header Cell Table Header Cell
Table Cell Table Cell Table Cell Table Cell
Table Cell Table Cell Table Cell Table Cell

 

Buttons


Primary Button

Primary Button – Green

Primary Teal

Secondary Button

Button Group

 

Button Group – Divided

Theme Styles

The description of your component goes here, or any notes you might have about it.

Label Name Type Notes
Content theme_styles_content wysiwyg