Brand colors
#003DD7
Blue
#F06543
Orange
#FEBA01
Yellow
#E4ECFF
Light Blue
#231C07
Text Base Color
#002687
Dark Blue
#D1D1D1
Border Color
Typography
A a
PT Serif
Bold
A a
PT Serif
Regular
A a
PT Serif
Regular Italic
A a
Poppins
Semi-Bold
A a
Poppins
Medium
A a
Poppins
Regular
A a
Satisfy
Regular
Headings
Sub-title
Sub-title • 16px / 18px - • Poppins / 500 medium

The quick brown fox jumps over the lazy dog

H1 • 36px / 36px - • PT Serif / 400 normal
This is some text inside of a div block.
Sub-heading • 24px / 24px - • Satisfy / 400 normal

The quick brown fox jumps over the lazy dog

H2 • 30px / 40px - • PT Serif / 700 bold

The quick brown fox jumps over the lazy dog

H2-card • 20px / 28px - • Poppins / 600 semi-bold

The quick brown fox jumps over the lazy dog

H3 • 22px / 28px - • Poppins / 500 medium

The quick brown fox jumps over the lazy dog

H4 • 18px / 24px - • Poppins / 600 semi-bold
The quick brown fox jumps over the lazy dog
H5 • 14px / 18px - • Poppins / 400 normal
The quick brown fox jumps over the lazy dog
H6 • 12px / 18px - • Poppins / 600 semi-bold
Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph • 18px / 30px - • Poppins / 300 light
Block quotes
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."
Block quote • 19px / 30px - • PT Serif / 400 italic
Lists
Unordered lists
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ordered lists
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
List group
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Logo(s)
Forms and Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Custom Code
<style>
*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
::-moz-selection {color: #ffffff; background: #003DD7;}  
::selection {color: #ffffff; background: #003DD7;}
body {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.submit:focus,.w-button:focus {outline:0;}
strong {font-weight: 600!important;}
</style>
Components
Components will be determined by the design and implemented per project.
Added Utility
Left Text
Left Text
Left Text
Left Text
Left Text