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
- Order list item one
- Ordered list item two
- 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
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 |