Typo
graphy
A structured color palette designed to convey identity, visual hierarchy, and accessibility, adaptable to various contexts and brand needs.
Default Typefaces
Red Hat Display
- Display Type
Used for H1, this font gives character to large headings. Its bold and geometric form adds visual impact to titles and key sections, setting the overall tone of the interface.
Plus Jakarta Sans
- Sans Type
Used for body text, labels, navigation, and UI elements, this typeface offers high legibility and a clean, modern appearance. Its neutrality supports readability without drawing attention away from content.
Desktop Typefaces
Typography on desktop is optimized for clarity, hierarchy, and scalability. The selected typefaces ensure a consistent and accessible reading experience across all screen sizes and interface elements.
Heading Levels
H1
Red Hat DisplaySemibold
36px / 2.25rem
H2
Plus Jakarta SansMedium
24px / 1.5rem
H3
Plus Jakarta SansMedium
20px / 1.25rem
H4
Plus Jakarta SansMedium
16px / 1rem
H5
Plus Jakarta SansRegular
16px / 1rem
Buttons and Links
Button
Plus Jakarta SansBold
16px / 1rem
Link
Plus Jakarta SansRegular
16px / 1rem
Phone Typefaces
Typography on desktop is optimized for clarity, hierarchy, and scalability. The selected typefaces ensure a consistent and accessible reading experience across all screen sizes and interface elements.
Heading Levels
H1
Red Hat DisplaySemibold
20px / 1.25rem
H2
Plus Jakarta SansMedium
20px / 1.25rem
H3
Plus Jakarta SansSemiBold
20px / 1.25rem
H4
Plus Jakarta SansRegular
16px / 1rem
H5
Plus Jakarta SansMedium
14px / 0.625rem
Buttons and Links
Button
Plus Jakarta SansSemiBold
20px / 1.25rem
Link
Plus Jakarta SansRegular
20px / 1.25rem