QuantumLab
Browse all the basic styles and components inside this UI Kit
Colors
Neutral colors
Neutral 100
#FFFFFF
Neutral 200
#FBFBFB
Neutral 300
#F3F3F3
Neutral 400
#E3E3E3
Neutral 500
#ABABAB
Neutral 600
#505050
Neutral 700
#292929
Neutral 800
#161616
Typography
Inter Tight
Regular
Medium
Semi Bold
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
3.2rem
1.15em
Default
Medium
Semibold
Display 9
2.8rem
1.15em
Default
Medium
Semibold
Display 8
2.5rem
1.25em
Default
Medium
Semibold
Display 7
2.25rem
1.25em
Default
Medium
Semibold
Display 6
1.875rem
1.25em
Default
Medium
Semibold
Display 5
1.5rem
1.25em
Default
Medium
Semibold
Display 4
1.25rem
1.25em
Default
Medium
Semibold
Display 3
1.125rem
1.25em
Default
Medium
Semibold
Display 2
1rem
1.25em
Default
Medium
Semibold
Display 1
0.875rem
1.25em
Default
Medium
Semibold
Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
1.125rem
1.5em
Default
Medium
Semibold
Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
1rem
1.5em
Default
Medium
Semibold
Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
0.875rem
1.5em
Default
Medium
Semibold
Icons
Square Icons
Social media square Icons
Icon font
Line icons squared
Social media icons
Custom icons
Avatars
Square 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.
