Typography
Nulogy applications are data heavy and used in various environments. Sticking to a typographic scale makes our applications more predictable and scannable for our users. Below are all the sizes and line heights available to use for Nulogy applications.
Typeface
Our primary typeface is IBM Plex Sans. This is used for all headings and body copy. We also have a monospace version available for lining up numbers.
IBM Plex Sans
https://www.ibm.com/plex/IBM Plex Mono
https://www.ibm.com/plex/Headings
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Interface text
Standard text should set at 16px for most cases, but 14px or 12px is also available for special cases.
Usage
Plex can be loaded in your application through whichever method you prefer to load fonts. An example of loading through Google fonts is shown below.
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,600" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono" rel="stylesheet" />
Note that if your application supports Simplified Chinese, you'll also need to load the Noto Sans SC font. For more information, see the README.