Палитра
Брендовые цвета, общая палитра и правила её применения
#Базовые цвета
Рабочая палитра для всех продуктов. Универсальна, нейтральна и используется повсеместно. Сочетается с остальными цветами. Не отвлекает от основной информации и структурирует элементы в макете.
Фон
Основа любого макета — чёрный текст на белом фоне. Для разделения контентных областей далее используются более тёмные фоновые оттенки. Чёрный фон может использоваться для резкого контраста между блоками.
White
#FFFFFF
rgb(255,255,255)
Gray Lighter
#F3F3F3
rgb(243,243,243)
Gray Light
#E7E7E7
rgb(247,247,247)
Black Light
#14141E
rgb(20,20,30)
Текст
Основной цвет текста, контролов, иконок — чёрный. Серый используется для текста аннотаций, атрибутов, сносок. Белый цвет для текста на тёмном контрастном фоне.
Black
#141414
rgb(20,20,20)
Gray
#999999
rgb(153,153,153)
White
#FFFFFF
rgb(255,255,255)
Ссылка
Цвета для ссылок и других интерактивных элементов.
Blue
#005AFF
rgb(0,90,255)
Blue Dark
#003CB4
rgb(0,60,180)
Статус
Цвета элементов реакции системы на действия пользователя.
Red
#FF5A50
rgb(255,90,80)
Green
#32B400
rgb(50,180,0)
Yellow
#FFB400
rgb(255,180,0)
#Брендовые цвета
Для каждого нашего проекта, помимо основной палитры, дополнительно вводятся брендовые цвета. Это важный элемент айдентики, благодаря которому пользователи быстро узнают продукт.
Брендовые цвета могут вводиться как в дополнение к базовым, так и частично перекрывать их, если того потребует решение задач проекта.
Рекомендуется добавлять не больше трёх дополнительных фирменных цветов.
Если брендовый цвет заменяет базовый, то нужно проследить за тем, чтобы эта замена не шла в ущерб читаемости и не вносила путаницу.