Онбординг
Рассказываем о новых фичах простым языком и сопровождаем это иллюстрациями. Больше жизни, меньше скучных метафор.
Дизайн
Дизайн в Сбербанке всегда в балансе: в проектировании идёт от потребности клиента, а в разработке — от технологичности. Держать этот баланс помогает дизайн-система.
Чем можно пользоваться
уже сейчас
Типографика
Наш фирменный шрифт с широкой палитрой начертаний. Используем в Сбербанк Онлайн и на сайте Сбера.
Текстовое начертание: нейтральное, удобочитаемое. Отлично работает в интерфейсе
Выразительное начертание для промо-материалов и крупных заголовков
Смотреть все начертания
Иконографика
Мы создали уникальный набор иконок для Сбербанк Онлайн и предлагаем использовать его всем каналам Сбербанка.
Иконки отвечают современным стандартам иконографики и просто хорошо выглядят.
Смотреть больше
300+ иконок в наборе
36 Fill
36 Stroke
24 Universal
Цвет
Для цифровых каналов цветовая палитра должна быть достаточно широкой и отвечать требованиям контрастности WCAG (Accessibility)
Смотреть больше
Базовые цвета
Их мы используем как
основные в интерфейсе
-
Критическое сообщениеRed 5
-
Ошибка,
отказOrange 5 -
Успех, цвет акцентаGreen 5
-
Ожидание, черновикGrey 4
-
Чёрный, основнойBlack
Дополнительные цвета
Их используем как
вспомогательные в интерфейсе
-
Синий#0087cd
-
Арктический#42E3B4
-
Изумрудный#21BA72
-
Весенний#A0E720
-
Солнечный#FAED00
-
Оранжевый#FF8000
-
Розовый#FF0066
Иллюстрации
У нас есть несколько иллюстративных языков, которые отталкиваются от понятных потребностей
Уведомления
Когда предупреждаем человека
о чём-то важном или срочном,
иллюстрации
должны
считываться быстро, как дорожные знаки.
