Color Palette
Primary
#165CFD
Green Color
#1b9932
Deep Gray Color
#585d61
Black Color
#000000
Title Text Color
#131b33
Body Text Color
#434f59
Gray Color
#8a8a8a
Strock Color
#ced0d2
Porcelain Color
#f5f6f7
Orange Color
#ea6d2a
White Color
#ffffff
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 • 36px • 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 • 32px • 1.2 Line Height• 24px • 1.5 Line Height
Paragraph Regular: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope Regular • 22px • 1.2 Line Height• 24px • 1.5 Line Height
Paragraph Small: The quick brown fox jumps over the lazy dog. Designers use this text as a placeholder.
Manrope Regular • 18px • 1.2 Line Height• 24px • 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.2 Line Height• 24px • 1.5 Line Height
Interactive Elements
Icon
