.svg)
Color Palette
primary-color
#155dfc
light-gray
#acabae
gray-color
#4a5565
black-color
#101828
white-color
#ffffff
bg-color-one
#fafbfc
bg-color-two
#f7f9fb
black-bg-color
#15171b
light-blue
#eff4ff
deep-gray
#364153
Style Guide
The visual foundation and design system of our SaaS platform.
Typography
Heading 1
Manrope Medium • 72px • 1.2 Line Height
Heading 2
Manrope Medium • 52px • 1.2 Line Height
Heading 3
Manrope Medium • 40px • 1.2 Line Height
Heading 4
Manrope Medium • 32px • 1.2 Line Height
Heading 5
Manrope Medium • 24px • 1.2 Line Height
Heading 6
Manrope Medium • 22px • 1.2 Line Height
Paragraph Large: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope Regular • 20px • 1.5 Line Height
Paragraph Regular: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope Regular • 18px • 1.5 Line Height
Paragraph Small: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope Regular • 16px • 1.5 Line Height
Paragraph Xsmall: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope Regular • 14px • 1.5 Line Height
Interactive Elements
Icon
.svg)
