Palette

Designers use colour to create structure, manage accents, alert about important actions and encode content. To make the palette identical across all products, we use design tokens.

Brand palette

Our brand palette helps to improve the recognition of Interactive Design products. This maintains consistency in visual language methods and links the product to the brand of the company.
60%
10%
10%
3%
2%
5%
4%
4%
2%

Basic palette

The base palette is used for accents, controls, interface states, and background fills. It consists of grayscale, main and system colours.
20%
30%
5%
6%
8%
8%
8%
7%
9%