.webp)
Color Palette
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
