Visual identity

Gradients

Gradients are used to create visual depth for larger colored areas across various designs. However, the primary background color should be white.

Keep the gradient within the tints and shades of the primary colors. The gradient should transition in the reading order, following a 45-degree angle—starting at 4% in the top-left corner, transitioning to 48% in the middle, and ending at 98% in the bottom-right corner. This ensures optimal readability.

Note: DO NOT modify the shades of the gradient or mix it with other colors.

Color codes for how the blue gradient is structured
Color codes for how the dark gray gradient is structured
Color codes for how the beige gradient is structured
Color codes for how the light gray gradient is structured

Usage

Atlas Copco brochure with a blue background in a cutout shape

Brochure

A social media post using a beige gradient background

Social media post

A web banner using a dark grey gradient background

Web banner