Primary Typeface
Manrope
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Manrope is our primary typeface for headlines and display text. Its geometric design and modern personality make it perfect for creating a strong visual hierarchy.
Body Typeface
Inter
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Inter is our body typeface for all paragraph text and UI elements. It provides excellent readability and works harmoniously with Manrope for longer content.
Font Weights
Regular–400
Medium–500
Semibold–600
Bold–700
Body text, paragraphs (Inter)
Subheadings, emphasis (Both)
Section headings (Manrope)
Main headings (Manrope)
Type Scale
Heading 1
48px / 3rem - Bold - Manrope
Heading 2
36px / 2.25rem - Bold - Manrope
Body Large
16px / 1rem - Regular - Inter
Body Regular
16px / 0.875rem - Regular - Inter
Caption
12px / 0.75rem - Regular - Inter
Typography Guidelines
-
Use Manrope for all headlines and display text to create a strong hierarchy
-
Use Inter for all body copy, UI elements, and longer text passages
-
Use a maximum of 70-80 characters per line for optimal readability
-
Maintain consistent line-height of 1.5 for body text
-
Use sentence case for buttons and UI elements
-
Ensure sufficient contrast between text and background (minimum 4.5:1)
-
Use bold weights sparingly to create clear hierarchy