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.
Heading 1 (38px/40px)
Heading 2 (30px/40px)
Heading 3 (24px/32px)
Heading 4 (18px/24px)
Standard text should set at 16px for most cases, but 14px or 12px is also available.
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.