Typeface
Our primary fonts are Gantari and DNV Display. Our fallback font is Noto Sans. To ensure inclusivity and maintain a cohesive design system, we implement a dynamic fallback font strategy. For example, English text showcases Gantari's bold and modern character, while fallback fonts like Noto Sans Arabic or Noto Sans CJK handle unsupported characters, ensuring a smooth and consistent visual experience.
Gantari is a modern, geometric sans-serif typeface that offers excellent readability and supports multiple languages, including Latin, Arabic, Chinese, and Korean. It is free, open-source, and can be used in applications and websites without licensing restrictions. Gantari is recommended for consistency across digital platforms.
DNV Display is a custom-made font and should only be used to display the product name in the header of applications. It can be downloaded here: Download DNV Display. NB! This is a web font and can't be installed for desktop use.
Font Styles and Weights
| Font Family | Style | Font-weight |
|---|---|---|
| Gantari | Regular | 400 |
| Gantari | Medium | 500 |
| Gantari | SemiBold | 600 |
Text Styles
Headings
| Heading Level | Font Style | Font Size / Line Height |
|---|---|---|
| Heading 1 | Gantari SemiBold (600) | 32px / 40px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Heading 2 | Gantari SemiBold (600) | 24px / 32px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Heading 3 | Gantari SemiBold (600) | 18px / 24px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Heading 4 | Gantari SemiBold (600) | 16px / 24px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Heading 5 | Gantari SemiBold (600) | 14px / 20px |
| Example | The quick brown fox jumps over the lazy dog. |
Body Text
| Text Style | Font Style | Font Size / Line Height |
|---|---|---|
| Body Default | Gantari Regular (400) | 16px / 24px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Body Small | Gantari Regular (400) | 14px / 20px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Muted Text | Gantari Regular (400) | 16px / 24px |
| Example | ||
| Label | Gantari Medium (500) | 16px / 24px |
| Example | ||
| Body Large | Gantari Medium (500) | 18px / 28px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Muted Text (Large) | Gantari Medium (500) | 18px / 28px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Link (Light Background) | Gantari Medium (500) | 16px / 24px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Component Medium | Gantari Regular (400) | 14px / 20px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Component Muted Small | Gantari Regular (400) | 14px / 20px |
| Example | The quick brown fox jumps over the lazy dog. | |
| Component Small | Gantari Medium (500) | 14px / 20px |
| Example | The quick brown fox jumps over the lazy dog. |
Fallback Fonts
To ensure full language support, fallback fonts are used where necessary.
| Language | Fallback Font |
|---|---|
| Arabic | Noto Sans Arabic |
| Cyrilic | Noto Sans |
| Chinese (Simplified) | Noto Sans SC |
| Chinese (Traditional) | Noto Sans TC |
| Japanese | Noto Sans JP |
| Korean | Noto Sans KR |
| Thai | Noto Sans Thai |