Typography

Typefaces

The typefaces we currently use are:

• Display typeface: Gilmer
• Body typeface: Metro Sans
• Monospace typeface: DejaVu Sans Mono

Font files for each of these typefaces should be available from our Brand Downloads Page.

Font faces

Type Styles

The source of truth for our current type styles is the Figma file Visual Guidelines 2.0 Figma file.

Using Type Styles in Figma

Designers can access these type styles in Figma through the type styles in the Properties panel. Figma maintains documentation on applying type styles.

Note that the Visual Guidelines 2.0 file must be enabled as a library file in your working document in order to access our shared type styles. You should also enable the Type Styles - Klavika + Open Sans as a library file if you need to use our recently deprecated type styles.

Using Type Styles in Development

Type styles are applied in development through global g-type-* classes, where the * represents a slugified string of any of the type styles available in Figma. These styles are managed in the mktg-global-styles repository.

You can browse these styles below. Each style is labelled by its name, followed by the className used to apply the type style to an element.

g-type-* global utility classes