Typography
The typography of KaiOS provides a great reading experience, conveys hierarchy, and facilitates understanding.
Open Sans is the standard typeface on KaiOS. It provides high legibility and is well suited for high or low density displays.Noto Sans is the typeface to support other languages with harmonious look and feel.Typefaces
Use font weight and size to emphasize important information in your app.
Open Sans font weights
KaiOS picks out 4 weights of Open Sans including Light, Regular, Semi-bold, and Bold.
OPEN SANS LIGHT
The Open Sans is optimized for legibility across print, web, and mobile interfaces.
OPEN SANS REGULAR
The Open Sans is optimized for legibility across print, web, and mobile interfaces.
OPEN SANS SEMIBOLD
The Open Sans is optimized for legibility across print, web, and mobile interfaces.
OPEN SANS BOLD
The Open Sans is optimized for legibility across print, web, and mobile interfaces.
Noto Sans
KaiOS picks out 2 weights of Noto Sans including Regular and Bold.
NOTO SANS REGULAR
The Noto Sans is optimized for legibility across print, web, and mobile interfaces.
NOTO SANS BOLD
The Noto Sans is optimized for legibility across print, web, and mobile interfaces.
Font Sizes
KaiOS uses a specific set of font sizes to balance content priority and readability.
This is a list of the most common styles and the basics you may need. There are 11 default styles calculated for a 140 ppi screen, which is a QVGA resolution at 2.8 inch display. If you’re working with a different resolution you will need to convert the unit based on your device resolution.
Label | Description | Typeface | Pixel |
---|---|---|---|
H1 | Header text | Regular/400 | 17 |
H2 | Header of body text | Semibold/600 | 17 |
H3 | Tab text | Regular/400 | 14 |
H4 | Separator text | Regular/400 | 14 |
H5 | Software key text | Semibold/600 | 14 |
P.PRI | Primary text | Regular/400 | 17 |
P.SEC | Secondary text | Regular/400 | 14 |
P.THI | Tertiary text | Regular/400 | 12 |
P, UL | Body text | Regular/400 | 17 |
P.LINK | Hyperlink text | Bold/700 | 17 |
P.BTN | Button text | Regular/400 | 17 |