Important notice: The Digital area is under renovation. Until further notice, use the constants from the document:
NLB Brand Identity Visual refreshment 2022
The typography in applications is used in accordance with the guidelines defined for Android and iOS platforms. Android applications use the Roboto fonts while iOS applications use the San Francisco fonts.
Apart from the platform’s system typography, applications can also include the Frutiger primary corporate typography, but only as an image (e.g. application symbol). For more information about the primary corporate typography see the Typography section.
The following section includes details about the usage of typography including the size, line height, font weight, and color of the text.
Warning: The use of typography allows exceptions indicated for individual application elements.
Roboto Light 300
Grumpy wizards make toxic brew for the evil Queen and Jack.
Roboto Regular 400
Grumpy wizards make toxic brew for the evil Queen and Jack.
Roboto Bold 700
Grumpy wizards make toxic brew for the evil Queen and Jack
Heading H1 | Font size: 36px, Line height: 110%, Font weight: light |
Heading H2 | Font size: 24px, Line height: 16, Font weight: regular |
Heading H3 | Font size: 20px, Line height: 16, Font weight: regular |
Heading H4 | Font size: 16px, Line height: 16, Font weight: regular |
Paragraph p | Font size: 14px, Line height: 20, Font weight: regular |
Subtext | Font size: 12px, Line height: 16, Font weight: regular |
In accordance with the iOS guidelines, the San Francisco Text font is used for font size up to 20px. For font size above 20px, the San Francisco Display font should be used.
> 20px: San Francisco Display | < 20px: San Francisco Text
San Francisco Display Light
San Francisco Display Regular
San Francisco Text Regular
San Francisco Text Semibold
![]() | Font size: 28px, Line height: 34px, Font weight: light |
![]() | Font size: 22px, Line height: 28px, Font weight: regular |
![]() | Font size: 20px, Line height: 24px, Font weight: regular |
![]() | Font size: 17px, Line height: 22px, Font weight: semibold |
![]() | Font size: 17px, Line height: 22px, Font weight: regular |
![]() | Font size: 12px, Line height: 16px, Font weight: regular |
![]() | Font size: 13px, Line height: 18px, Font weight: regular |