Colors
Primary colors
Dark Grey
#333333
Mid Grey
#597388
Light Grey
#e0e0e0
Yellow
#ffe04c
Light Blue
#1cdefc
White Smoke
#f0f0f0
Dark Grey text
#5e5e5e
button-hover
#d64a06
Footer
#757575
Grey Text
#08132480
Midnight Blue
#1e2b46
Dropshadow
#4275831A
Dark Slate Grey
#455665cc
Gold 25%
#ffd91740
Dark Slate Blue
#3d485e
White
#FFFFFF
White Semitransparent
#ffffffbd
White Semitransparent Blur
#ffffffbd
Orange
#ffa726
Extra Dark Grey
#030303
Background Light
#f8f9fc
Background Medium
#eaecf5
Borders Light
#d0d5dd
Brand Medium
#444ce7
Brand Dark
#2d31a6
Borders Focus
#6172f3
Text Medium Emphasis
#344054
Text Low Emphasis
#667085
Text Link Light
#444ce7
Chart Background Grey
#1d1d1df0
Grid Border Grey
#4b4b4b69
Typography
Fonts
Inter
Regular
Mid
Semibold
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
Helvetica Neue
Regular
Mid
Semibold
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 Sans
Regular
Mid
Semibold
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
Space Grotesk
Regular
Mid
Semibold
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
Logo
Logo Icon
Logo Text
Icon font
Line icons rounded
Line icons squared
Filled icons
Social media icon
Animation
Slide To Top
Fade In
0.2s
0.3s
0.4s
0.5s
0.6s
0.7s
0.8s
0.9s
1s