Typefaces
During the 2021 Nielsen rebrand, Inter was chosen as the typeface for Nielsen's identity and products. Inter has excellent support for many Cyrillic, Greek, and Latin languages and will be used in all languages it supports. If Inter doesn’t support a language, we will fall back to Google’s Noto Sans. Noto Sans has the most comprehensive language support of any typeface. This makes it an excellent fallback for our products across the world.
In rare cases where a monospace typeface is needed, like for code snippets, we use Fira Code. It is not included by default. Please contact us for instructions on how to add it to your project.
Inter *Regular
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+
Inter Semibold
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+
Inter Bold
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+
Type Scale & Weights
We adopted an 11-step type scale to give our designers ample options for building interfaces. Our base size is -size-500, which is 16px. We offer three weights, Regular, Semibold, and Bold to help provide appropriate contrast between text.
Line Height
The line heights for each type size have been aligned to a 4px grid. This helps us give us consistent visual rhythm for typography and surrounding elements. It also standardizes the options for padding and margin when laying out components and screens.
OpenType Features
Inter has excellent support for OpenType, an advanced set of typographic features. We utilize slashed zero, open digits, and monospaced numbers in our applications. Doing this maximizes legibility and reduces the need for multiple typefaces in our applications.
Line Length
Make proper line length choices whenever working with bodies of text. Proper line length is essential to the visual rhythm of a design. Lines narrower than 50 characters require breaking to the following line too frequently. Lines wider than 90 characters make it difficult to continue to the correct line in a large body of text.
Too Narrow
Nielsen's core values are inclusion, courage, and growth. These values animate our workplace and the work we do. Inspired by those values, these design principles are the foundation of our design system. They guide us in making design decisions when building the system and our products.
Good Length
Nielsen's core values are inclusion, courage, and growth. These values animate our workplace and the work we do. Inspired by those values, these design principles are the foundation of our design system. They guide us in making design decisions when building the system and our products.
Ideal Length
Nielsen's core values are inclusion, courage, and growth. These values animate our workplace and the work we do. Inspired by those values, these design principles are the foundation of our design system. They guide us in making design decisions when building the system and our products.
Too Wide
Nielsen's core values are inclusion, courage, and growth. These values animate our workplace and the work we do. Inspired by those values, these design principles are the foundation of our design system. They guide us in making design decisions when building the system and our products.