H1 - This is an H1

  • Font Size: 44px
  • Line Height: 50px
  • Font Weight: 300
  • Color: #121212

H2 - This is an H2

  • Font Size: 36px
  • Line Height: 42px
  • Font Weight: 300
  • Color: #121212

H3 - This is an H3

  • Font Size: 28px
  • Line Height: 32px
  • Font Weight: 300
  • Color: #121212

H4 - This is an H4

  • Font Size: 24px
  • Line Height: 30px
  • Font Weight: 300
  • Color: #343A3F

H5 - This is an H5

  • Font Size: 18px
  • Line Height: 22px
  • Font Weight: 300
  • Color: #121212

H6 - This is an H6
Used as the subheading in the blue callout boxes

  • Font Size: 12px
  • Line Height: 20px
  • Font Weight: 400
  • Color: #121212
  • Text Transform: uppercase

Use the Google Font Family “Manrope” for all fonts on the site.

Full Width Row

When using a full width row with a background color to create breaks in the page use this color:

#F8F9FA

Default Button

Register Now

Button Appearance: Large

Register Now

Button Appearance: Medium

Register Now

Button Appearance: Small

Red 1 Color: #fe0000

White Button Class Name:

white-button

Blue Color: #02b0bb

Red Button Class Name:

red-button

Orange Color: #ff8604

Black Button Class Name:

black-button

Red 2 Color: #d30000

Orange Button Class Name:

orange-button

Forms

Standard Forms

This is what the form looks like by default on a light background (no extra class added)

Oops! We could not locate your form.

Analysis Form

This is what the form looks like by default on a light background (no extra class added)

Oops! We could not locate your form.

Standard Forms

Add form within an element that contains the “dark-bg-form” class when using over a dark background.

Oops! We could not locate your form.

Analysis Form

Add form within an element that contains the “blur-form” class when using over a black background.

Oops! We could not locate your form.