Browse all the basic styles and components inside this UI Kit
Colors
Primary colors
Primary 100
#4542FB
Neutral colors
Neutral 100
#030303
Neutral 200
#050505
Neutral 300
#090909
Neutral 400
#181818
Neutral 500
#686868
Neutral 600
#A3A3A3
Neutral 700
#CCCCCC
Neutral 800
#EDEDED
Neutral 900
#F9F9F9
Neutral 1000
#FFFFFF
Typography
Text style
Size
Line Height
Weights
Display 10
2.85rem
1.115em
Medium
Semibold
Display 9
2.5rem
1.115em
Medium
Semibold
Display 8
2.25rem
1.25em
Medium
Semibold
Display 7
2rem
1.25em
Medium
Semibold
Display 6
1.75rem
1.25em
Medium
Semibold
Display 5
1.5rem
1.25em
Medium
Semibold
Display 4
1.25rem
1.25em
Medium
Semibold
Display 3
1.125rem
1.25em
Medium
Semibold
Display 2
1rem
1.25em
Medium
Semibold
Display 1
.875rem
1.25em
Medium
Semibold
Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
1.125rem
1.5em
Medium
Semibold
Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
1rem
1.5em
Medium
Semibold
Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
.875rem
1.5em
Medium
Semibold
Buttons
Primary button
Primary button dark mode
Icon font
Line icons rounded
Social media icons
Avatars
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.
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.
