Соблюдение пропорций градиентов, цветов и изображений сохраняет целостность восприятия суббрендов экосистемы Сбера.

Дизайн-система Сбера предусматривает вариативность пиктограмм. Трёхмерные пиктограммы — объёмные иконки, выполнены в изометрии с добавлением трёхмерности и свечения. В центральной части композиции располагаются два объекта, которые формируется образ иконки. Объекты должны пересекаться и быть контрастными друг другу.

Для того, чтобы сложная пиктограмма легко считывалась, объекты в ней должны быть контрастны друг другу. Мы используем светлые, средние и тёмные тона для объектов в пиктограмме, добавляя в них эффекты свечения.

Добавление дополнительных слоев с разной степенью прозрачности и режимом наложения overlay позволяет придать объем фигурам и расставить акценты в пиктограмме. Чтобы избежать искажений цвета, нужно располагать объекты с режимом overlay над объектами со сплошной заливкой.

В продуктах Сбера часто встречается трёхмерная графика. Сюжеты и ракурсы зависят от контекста применения иллюстрации. А объединяет их подход к материалам и пропорциям. В иллюстрациях используются объекты правильных пропорций, без искажений. Материалы — матовые, без сильных бликов и фактур. Для визуального усложнения графики отдельные объекты могут быть выполнены из другого материала — как металлическая дужка у замка с ключом.

В иллюстрациях с персонажами могут меняться детализация пространства, контраст тени и света, ракурс. Но главное сохраняется — акцент на фигурах и сюжете. Всё остальное в иллюстрации — фон для них.