Website Style Guide
Colors
Primary Colors
Primary 1
#49BED8
Primary 2
#FF0066
Primary 3
#0D2B3E
Secondary Colors
Secondary 1
#32777D
Secondary 2
#C40E7F
Secondary 3
#E86A0A
Neutral Colors
Neutral 1400
#262A2B
Neutral 1200
#262A2B
Neutral 1000
#505354
Neutral 800
#A7A8A8
Neutral 700
#d2d3d4
Neutral 600
#E0E0E0
Neutral 500
#F0F0F0
Neutral 400
#FAFAFA
Typography
Rich Text
Heading H1 - Aa Bb Cc Dd
Heading 1 - 55px/1.214em
Heading H2 - Aa Bb Cc Dd
Heading 2 - 45px/1.222em
Heading H3 - Aa Bb Cc Dd
Heading 3 - 35px/1.333em
Heading H4 - Aa Bb Cc Dd
Heading 4 - 28px/1.500em
Heading H5 - Aa Bb Cc Dd
Heading 5 - 20px/1.389em
Heading H6 - Aa Bb Cc Dd
Heading 6 - 18px/1.375em
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 Default - 18px/1.556em
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 Large - 26px/1.654em
Bold - Lorem ipsum dolor sit amet
Bold Text
Italic - Lorem ipsum dolor sit amet
Italic Text
- Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Senectus et netus et malesuada fames ac turpis egestas
Bullet List
- Aliquet porttitor lacus luctus accumsan tortor. Gravida rutrum.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Senectus et netus et malesuada fames ac turpis egestas
Numered List
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Block Quote
Image and Image Caption
Icons
To be added soon.