Colors
Neutral colors
Neutral 100
#FFFFFF
Neutral 200
#F8FAFF
Neutral 300
#F1F3F7
Neutral 400
#E1E4ED
Neutral 500
#B4B9C9
Neutral 600
#6D758F
Neutral 700
#353E5C
Neutral 800
#19213D
Typography
General Sans
Default
Mid
Strong
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Text style
Size
Line Height
Weights
Display 10
72px
1.115em
Default
Mid
Strong
Display 9
60px
1.115em
Default
Mid
Strong
Display 8
48px
1.125em
Default
Mid
Strong
Display 7
36px
1.125em
Default
Mid
Strong
Display 6
30px
1.125em
Default
Mid
Strong
Display 5
24px
1.125em
Default
Mid
Strong
Display 4
20px
1.125em
Default
Mid
Strong
Display 3
18px
1.125em
Default
Mid
Strong
Display 2
16px
1.125em
Default
Mid
Strong
Display 1
14px
1.125em
Default
Mid
Strong

Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

18px
1.150em
Default
Mid
Strong

Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

16px
1.150em
Default
Mid
Strong

Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.

14px
1.150em
Default
Mid
Strong
Shadows
Primary color shadows
Small
Regular
Medium
Large
Secondary color shadows
Small
Regular
Medium
Large
Logo full
Buttons
Lists
Primary button
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Default
Mid
Strong
Icon
Bullet
Number
Icon
Bullet
Number
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
  • List item
  • List item
  1. List item
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media square Icons
Avatars
Square avatars
Default
24px
32px
40px
64px
120px
Circle avatars
Default
24px
32px
40px
64px
120px
Inputs
Inputs
Small
Default
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.
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 Area
Small
Default
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.
Select
Small
Default
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
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.
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.
Toggle Button
Placeholder
Placeholder
Upload
Select a file to upload
Or drag and drop it here