Accordions

Active Review

Callouts

Cards

Containers

CTAs

Example Blog Post

Forms

Heros

Image Blocks

Modals

Demonstrating all the WYSIWYG options for Mike:

 

Base Headings with no additional Size styles:

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading

H6 Heading

Heading Styles:

Heading 54px

Heading 42px

Heading 32px

Heading 24px

Heading 20px

Heading SubHeading

Heading Eyebrow

 

Paragraph Text Styles:

The quick brown yada yada blah blah - Text 36px

The quick brown yada yada blah blah - Text 24px

The quick brown yada yada blah blah - Text 20px

The quick brown yada yada blah blah - Text 18px

The quick brown yada yada blah blah - Text 16px

The quick brown yada yada blah blah - Text 14px

The quick brown yada yada blah blah - Text Short

The quick brown yada yada blah blah - Text Long

The quick brown yada yada blah blah - Disclaimer

Link Styles:

Default Link

Teal Link

Gray Link

Blue Link

Black Link

Arrow Link

Button Styles:

Default Button

Outline Button

Red Outline Button

White Outline Button <<< White Outline Button

Ghost Button

Button Group:

List Styles:

• Small List
• Item 1
• Item 2
• Item 3

• Medium List
• Item 1
• Item 2
• Item 3

• Large List
• Item 1
• Item 2
• Item 3

• Check List
• Item 1
• Item 2
• Item 3

• Caret List
• Item 1
• Item 2
• Item 3

• Blue Number List
• Item 1
• Item 2
• Item 3

• Red Number List
• Item 1
• Item 2
• Item 3

• Two Column
• Item 1
• Item 2
• Item 3

Color Styles:

Default Color

Default Color

White Color << White Text

Blue Color

Teal Color

Gray Color