Typography
Typography is the bedrock of great user interface design. We aim for legibility, visual hierarchy, and rhythm for all our written content.

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
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+

Inter Semibold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+

Inter Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*()_+
*Note: In Figma this is Medium weight. It's sized down to 400 (Regular) weight on the web because of browser antialiasing.

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.

Regular
size-0
size-100
size-200
size-300
size-400
size-500
size-600
size-700
size-800
size-900
size-1000
Semibold
size-0
size-100
size-200
size-300
size-400
size-500
size-600
size-700
size-800
size-900
size-1000
Bold
size-0
size-100
size-200
size-300
size-400
size-500
size-600
size-700
size-800
size-900
size-1000

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.

With OpenType Features Enabled
1234567890
1234567890
1234567890
Without OpenType Features Enabled
1234567890
1234567890
1234567890

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.

0
40
60
80
99