Typography
Display Typeface
Our display typeface is Stratos, chosen because of its distinctive balance between narrow capitals and rounded lowercase forms. This contrast creates a look that feels modern, unexpected, and instantly recognizable.
Its unique character brings personality to the brand while remaining clean and accessible, helping Nmbrs stand out in a confident and memorable way.
Body Typeface
Inter is our functional typeface. Inter is designed specifically for digital products. Its clarity, readability, and accessibility make it ideal for interfaces, body copy, and data-rich environments.
With clean, neutral forms and excellent performance at all sizes, Inter helps users navigate information effortlessly. It supports the practical side of the Nmbrs experience, ensuring that content remains clear, accessible, and easy to use across every touchpoint.
Hierarchy
Our typography should always feel clean, precise, and easy to navigate.
Use the example bellow as a reference for hierarchy and structure, adapting it as needed to suit each application.
/Hierarchy.png?width=500&height=444&name=Hierarchy.png)
Underline
To put extra emphasis on certain elements in header titles, a underline element can be used. The underline is bold and thick, about the optical thickness of the vertical elements in the font (the ‘L’ for example).
Set the underline in a contrasting color compared to the text for even more emphasis on the underlined word.
Fallback Typeface
Sometimes you run into a situation where it’s technically impossible to use the Nmbrs typography system. Think of automated emails, Google Workspace documents, or other platform limitations. In that case, Barlow Extra Bold serves as the approved fallback typeface.
Barlow has similar proportions and contemporary character, making it the perfect replacement to remain visual consistency. Using Barlow Extra Bold helps us to match the visual weight of Stratos Bold, compensating for the subtle density differences between the two typefaces and ensuring a consistent brand presence across all applications.
/Frame%201000007380%20(3).png?width=452&height=500&name=Frame%201000007380%20(3).png)
Screenshots for adding Barlow to Google Workspace (Docs, Slides) below.
⚠️ Only use Barlow (Extra Bold), when it is not possible to add Stratos, like in Google Workspace. Use Stratos (Bold) everywhere else.