Typography

These guidelines are used to maintain readability and visual heirarchy.


Matchbox's primary font is Calibre.

When Calibre is unavailable, our base font stack token, Font Family Sans, defaults to native system font families. A monospace token, Font Family Monospace, is also available with system defaults.

Calibre is visually small with a low baseline. When paired with other typefaces, size adjustments should be made to account for the difference in visual weight.

Three font weights are used: normal, medium, and semibold. While light is available, it should be used sparingly.

The font size and line height sets of tokens are designed to be paired with each other, for example: the size Font Size 800 should be paired with Line Height 800.


Family
Weight
Sizes
Line Height

Font Family Sans'Calibre', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Helvetica, sans-serif
fontFamily_sans
Font Size 2001rem
fontSize_200
Font Weight Normal400
fontWeight_normal
Line Height 2001.25rem
lineHeight_200