Typography
Add the combo classes Medium or Bold to all these Text Elements to change their Weight.
Text Styes
Size
Line Height
Display 1
3rem
1.1em
Display 2
2.5rem
1.1em
Display 3
2.125rem
1.4em
Display 4
1.75rem
1.4em
Display 5
1.5rem
1.4em
Display 6
1.2rem
1.4em
Display 7
1.2rem
1.4em
Display 8
1.2rem
1.4em
Display 9
1.2rem
1.4em
Display 10
1.2rem
1.4em
Text Tiny
0.75rem
1.4em
Text Small
0.875rem
1.4em
Text Regular
1rem
1.4em
Text Medium
1.25rem
1.4em
Text Large
1.5rem
1.4em
Rich Text Styles
Size
Line Height
Heading H1
3rem
1.1em
Heading H2
2.5rem
1.1em
Heading H3
2.125rem
1.4em
Heading H4
1.75rem
1.4em
Heading H5
1.5rem
1.4em
Heading H6
1.2rem
1.4em
Paragraph
1rem
1.4em
This is a Quote
1.5rem
1.4em
Ordered list
- Item 1
- Item 2
- Item 3
1rem
1.4em
Unordered list
- Item A
- Item B
- Item C
1rem
1.4em
Italic Text
1rem
1.4em
Bold Text
1rem
1.4em
Superscript
0.75rem
1.4em
Subscript
0.75rem
1.4em
Colors
Neutral Colors
Neutral 100
#666ae4
Neutral 1200
#666ae4
Neutral 300
#666ae4
Neutral 400
#666ae4
Neutral 500
#666ae4
Neutral 600
#666ae4
Neutral 700
#666ae4
Neutral 800
#666ae4
Drop Shadows
Small
Regular
Medium
Large
Logo
Icons
Image Icons
Avatars
Buttons
Badges
Badge / Regular
Links
Icon Link / Light
Icon Link / Dark
Inputs
Input Fields
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Areas
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select Dropdowns
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkboxes & Radio Buttons
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.