Colors
Primary colors
Accent
#2388FF
Secondary colors
Secondary 100
#EBF4FF
Secondary 200
#4276FB
Secondary 300
#1D36B6
Neutral colors
Neutral 100
#ffffff
Neutral 200
#F7F9FC
Neutral 300
#EFF1F6
Neutral 400
#DCE1EB
Neutral 500
#A0A9BD
Neutral 600
#6E7991
Neutral 700
#454F66
Neutral 800
#1F2F54
System colors
Red 100
#FFF5F6
Red 200
#FAC6D0
Red 300
#FB93A3
Red 400
#FE566B
Blue 100
#E3EFFF
Blue 200
#C3DDFF
Blue 300
#8DC1FF
Blue 400
#64A7FF
Yellow 100
#FFFAE9
Yellow 200
#FAEDBF
Yellow 300
#FBE080
Yellow 400
#EFC42C
Green 100
#EEF9F5
Green 200
#E2FBEA
Green 300
#ADECBB
Green 400
#74D184
Gradient colors
Red gradient
#DF001B - #FFDDDF
Blue gradient
#0075FF - #D0EBFF
Yellow gradient
#FF9416 - #FFE03A
Green gradient
#3ACD52 - #7DFFA2
Typography
Fonts
Inter
Regular
Mid
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
DM Serif Display
Regular
Mid
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
Display
Text Style
Size
Line Height
Weights
Display 10
Size:
4.5rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Display 9
Size:
3.75rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Display 8
Size:
3rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Display 7
Size:
2.5rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Display 6
Size:
1.875rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Display 5
Size:
1.5rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Display 4
Size:
1.25rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Display 3
Size:
1.125rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Display 2
Size:
1rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Display 1
Size:
0.875rem
Line Height:
1.4
Weights:
Regular
Mid
Bold
Paragraph
Text Style
Size
Line Height
Weights
Paragraph Large - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
Size:
1.125rem
Line Height:
1.55
Weights:
Regular
Mid
Bold
Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
Size:
1rem
Line Height:
1.55
Weights:
Regular
Mid
Bold
Paragraph Small - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
Size:
0.875rem
Line Height:
1.55
Weights:
Regular
Mid
Bold
Rich Text
Text Style
Size
Line Height
Weights
Text Bold - Gravida vulputate scelerisque dui
Size:
1rem
Line Height:
1.55
Weights:
Regular
Mid
Bold
Bullet List
- Gravida vulputate scelerisque dui
- Gravida vulputate scelerisque dui
Size:
1rem
Line Height:
1.55
Weights:
Regular
Mid
Bold
Numbered List
- Gravida vulputate scelerisque dui
- Gravida vulputate scelerisque dui
Size:
1rem
Line Height:
1.55
Weights:
Regular
Mid
Bold
Shadows
Neutral shadows
Small
Regular
Medium
Large
Primary color shadows
Small
Regular
Medium
Large
Secondary color shadows
Small
Regular
Medium
Large
Logo
Logo Icon
Logo Text
Lists
Lists
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
Icons
Squared icons
Rounded icons
Social media square Icons
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media icon
Social media accent squared icons
Avatars
Square avatars
Circle avatars
Input
Input text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.