Browse all the basic styles and components inside this UI Kit
Colors
Primary colors
Primary 100
#080808
Primary 200
#3C2BFF
Primary 300
#FE5E3A
Primary 400
#FFC121
Secondary colors
Secondary 100
#060E27
Secondary 200
#FFFAF3
Neutral colors
Neutral 100
#FFFFFF
Neutral 200
#F7F7F7
Neutral 300
#ECECEC
Neutral 400
#DCDCDC
Neutral 500
#A8A8A8
Neutral 600
#444
Neutral 700
#1C1C1C
Neutral 800
#0C0C0C
Color overlay
Light 100
#ffffff66
Light 200
#ffffff80
Light 300
#ffffffa6
Light 400
#ffffffcc
Dark 100
#19213d66
Dark 200
#19213d80
Dark 300
#19213da6
Dark 400
#19213dcc
Typography
Mona 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.25em
Default
Mid
Strong
Display 7
36px
1.25em
Default
Mid
Strong
Display 6
30px
1.25em
Default
Mid
Strong
Display 5
24px
1.25em
Default
Mid
Strong
Display 4
20px
1.25em
Default
Mid
Strong
Display 3
18px
1.25em
Default
Mid
Strong
Display 2
16px
1.25em
Default
Mid
Strong
Display 1
14px
1.25em
Default
Mid
Strong
Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
18px
1.5em
Default
Mid
Strong
Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
16px
1.5em
Default
Mid
Strong
Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
14px
1.5em
Default
Mid
Strong
Shadows
Neutral shadows
Small
Regular
Medium
Large
Links
Icons
Square Icons
Social media square Icons
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media square Icons
Avatars
Square avatars
24px
32px
40px
64px
120px
Circle avatars
24px
32px
40px
64px
120px
Inputs
Inputs
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
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.
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
