Accessibility guidelines

Visual identity ͏

Downloads and resources

#p10 #st1684229163534-2{ overflow-y: auto; }

height: 4px;

Visual identity

Typefaces

A brand's character is reinforced by consistent use of its brand assets such as the defined typeface which is an important element of its visual identity.

There are two typefaces for use:

Primary typeface
Typeface on Microsoft 365

Primary typeface

Noto Sans is Atlas Copco Group's primary typeface. It is available in multiple weights, widths and italic styles. As seen in the English language character set below, the Noto Sans font is neutral, functional and designed to be accessible. Noto Sans is the main font for headlines, subheadings, introductory text, captions and body copy across print, web and social media. Noto Sans is ideal for typographically correct global communication in more than 1 000 languages.

Noto Sans (Regular)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Noto Sans (Medium)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Noto Sans (SemiBold)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Noto Sans (Regular Italic)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Noto Sans (Medium Italic)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Noto Sans (SemiBold Italic)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Download typeface package

Note:

Refer to the Atlas Copco Group Design System (to be updated in 2024) for the type hierarchy that applies to the primary typeface.

Type hierarchy for the primary typeface

When used well, the size and weight of headlines, subheadings, introductory text, body copy and captions can create a pleasing visual hierarchy. Below we have defined three headline levels, two subheading levels, one level for introductory text, two levels for body copy and one for captions. Note the font size range defined for each level which allows for flexibility.

Headlines

Noto Sans (Medium) 72 pt – 95 pt

Headline 1

Noto Sans (Medium) 60 pt – 72 pt

Headline 2

Noto Sans (Medium) 48 pt – 60 pt

Headline 3

Subheadings, intro, body text and captions

Noto Sans (Medium) 18 pt – 24 pt

Subheading 1

Lorem ipsum dolor sit amet

Noto Sans (Medium) 16 pt – 18 pt

Subheading 2

Lorem ipsum dolor sit amet

Noto Sans (Medium) 14 pt – 16 pt

Intro text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, diam nonummy nibh euismod tincidunt ut.

Noto Sans (Regular) 10 pt – 12 pt

Body text (regular)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Noto Sans (Regular Italic) 10 pt – 12 pt

Captions text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.

Example of type hierarchy for the primary typeface

The weight and font sizes defined for each level such as headlines, subheadings, introductory text, body copy, and captions for print, come together to form a visual hierarchy that guides the eye. Below is an example of how the hierarchy can flow well through use of the defined weights and fonts.

Example of visual hierarchy

Headline

Subheadings or secondary headings

Intro text and quotes italics for emphasis

Body copy: Lorem ipsum dolor sit amet, conser adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam eratvolutpat. Ut wisi enim ad veniam, quis nostrud

Lorem ipsum dolor sit amet, conser adipiscing elit, sed diam nonummy nibh euismod wisi enim tincidunt ut laoreet dolore magna eratvolutpat. Ut wisi enim ad minim veniam, wisi enim quis nostrud

Typeface on Microsoft 365

Segoe UI will be the typeface for use on all Microsoft 365 applications such as Word documents, PowerPoint presentations and Excel sheets. When collaborating with large groups or sharing templates, we advise using Segoe UI which is freely available on all systems running Microsoft Windows. Like Noto Sans, this is an easily readable and accessible font.

Segoe UI (Regular)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Segoe UI (SemiBold)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Segoe UI (Regular Italic)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Segoe UI (SemiBold Italic)

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789:.,'/!@+£>$x%^&*?

Type hierarchy on Microsoft 365

When used well, the size and weight of headlines, subheadings, introductory text, body copy and captions can create a pleasing hierarchy. Below we have defined three headline levels, two subheading levels, one level for introductory text, two levels for body copy and one for captions. Note the font size range defined for each level which allows for flexibility.

Headlines

Segoe UI (SemiBold) 72 pt – 95 pt

Headline 1

Segoe UI (SemiBold) 60 pt – 72 pt

Headline 2

Segoe UI (SemiBold) 48 pt – 60 pt

Headline 3

Subheadings, intro, body text and captions

Segoe UI (Regular) 18 pt – 24 pt

Subheading 1

Lorem ipsum dolor sit amet

Segoe UI (Regular) 16 pt – 18pt

Subheading 2

Lorem ipsum dolor sit amet

Segoe UI (Regular) 14 pt – 16 pt

Intro text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.

Segoe UI (Light) 10 pt – 12 pt

Body text (light)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.

Segoe UI (Regular) 8 pt – 10 pt

Body text (regular)

Segoe UI (Regular Italic) 10 pt – 12 pt

Captions text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.

Example of type hierarchy on Microsoft 365

Example of visual hierarchy

Headline

Subheadings or secondary headings

Intro text and quotes italics for emphasis

Body copy: Lorem ipsum dolor sit amet, conser adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam eratvolutpat. Ut wisi enim ad minim veniam, nostrud

Lorem ipsum dolor sit amet, conser adipiscing elit, sed diam nonummy nibh euismod wisi enim tincidunt ut laoreet dolore magna aliquam eratvolutpat. Ut wisi enim ad minim veniam, wisi quis nostrud