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

Headings

Title (46px/48px)

The quick brown fox jumps over the lazy dog

SectionTitle (26px/32px)

The quick brown fox jumps over the lazy dog

SubsectionTitle (18px/24px)

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.

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" />