Color

Primary Color
#3c5867
Secondary
#5a6d75
White Color
#FFFFFF
Outline Color
#edeff3

Typography Classes

Heading Style H1

Heading H1

Heading Style H2

Heading H2

Heading Style H3

Heading H3

Heading Style H4

Heading H4

Heading Style H5
Heading H5
Heading Style H6
Heading H6

Typography

Class Display
Font Weight
Font Size
Font Height

Heading 1

Normal
56 PX
60 PX

Heading 2

Normal
36 PX
40 PX

Heading 3

Normal
24 PX
30 PX

Heading 4

Normal
20 PX
24 PX
Heading 5
Normal
18 PX
20 PX
Heading 6
Normal
16 PX
18 PX
Sub Heading Large
Large
14 PX
24 PX
Sub Heading Regular
Regular
20 PX
24 PX
Sub Heading Small
Small
16 PX
24 PX

Paragraph 01

Large
16 PX
24 PX

Paragraph 02

Regular
14 PX
24 PX

Paragraph 03

Small
12 PX
24 PX

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

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.

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Button Style

Main Button
Button Text
Disable Button
Button Text

Link Style

Link Background
Text Link
Link Underline
Text Link

Input Field

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.