Ready
Typography
The typographic styles that make up our Basis applications user interfaces. All styles use Source Sans Pro.
1
Hierarchy
Use the typographic scale to establish content hierarchy.¹ Use smaller text for less important information and larger text for more significant information.
Do
Don't
2
Line Length
Maintain a proper line length to improve legibility. The suggested line length for on-screen text is within the range of 60 to 80 characters, this is based on a screen size of 1440px and font size of 16px. ¹
Do
Don't
3
Combinations
Here are some examples of frequently used typography combinations that can serve as a helpful starting point. It is important to note that these combinations are not obligatory and can be customized according to design requirements.
Do
Tokens
More
Additional Reading
7 typography tips for interface design https://uxdesign.cc/7-typography-tips-for-interface-design-b7185e9397c4