Text

VUI does not ship with any fonts. It is up to the user to define that in their application. It ships with two CSS font variables to define your UI fonts.

Font families

The quick brown fox jumps over the lazy dog.

Text size

The root font-size is 63.5% which makes conversion between pixels and rem values straightforward because now we can convert 1rem to 10px and so on. For example 1.6rem is 16px.

The target for VUI are mostly dashboard / functional applications. Not marketing content. Hence the font sizes start at a very small.

Font weight

All font weights starting from 300 are supported.

Line height

Line height is divided into four categories. To keep things consistent, in most cases you should be using the base or title line heights.