Visual language

We strive to ensure that visual language techniques are used responsibly, add value, remain directly associated with the brand and do not interfere with the products' use.

The layout and grid help the user to unconsciously understand the interface hierarchy. In addition to structuring and practical functions, the layout standardizes main product components and sets a unified visual rhythm.

Typography and the use of corporate font styles allow for a unified user perception, a unified user experience and a single design environment.

The palette expands the visual aesthetics and integrates the product designs.

Icons and pictograms are an important part of the visual language and one of the important points of contact with the brand. During work on icons, it is recommended to keep the brand palette and mainly use 'display' and 'body' colour styles.

To determine the shadow parameters, we use the layer concept. The lower the object layer is, the less intense the shadow it gets. There are 4 height levels in total - 0 level, 1 - 2 - 3 levels. According to the height of the Z level, the corresponding shadow size - S, M, L - is used.

Service products can support a dark theme on desktop and mobile platforms. For working with a dark theme, we use the layer concept: the higher the object is, the lighter it is.