Интерфейсные цвета

Основные цвета

Интерфейсные
блоки
#FFF
rgb (255, 255, 255)
Фон страниц
под блоками
#F5F5F5
rgb (245, 245, 245)
Кнопки и иконки
категорий
#FF8C00
rgb (255, 140, 0)
Текст и элементы
навигации
#000
rgb (0, 0, 0)

Brand Button

Статичный
или наведенный
текст
#FFF
rgb (255, 255, 255)
Текст
при нажатии
#FFF, 90%
rgba (255, 255, 255, 90)
Фон статичной
кнопки
#FF8C00
rgb (255, 140, 0)
Фон наведенной
или нажатой
кнопки
#FF8200
rgb (255, 130, 0)
Фон неактивной
кнопки
#E6E6E6
rgb (230, 230, 230)
Неактивный
текст
#999
rgb (153, 153, 153)

Simple Button

Статичный
или наведенный
текст
#000
rgb (0, 0, 0)
Текст
при нажатии
#000, 90%
rgba (0, 0, 0, 90)
Заливка статичной
кнопки
#FFF
rgb (255, 255, 255)
Заливка кнопки
при наведении
#F5F5F5
rgb (245, 245, 245)
Обводка
статичной
кнопки
#E6E6E6
rgb (230, 230, 230)
Обводка
при наведении
или нажатии
#CCC
rgb (204, 204, 204)
Фон неактивной
кнопки
#E6E6E6
rgb (230, 230, 230)
Неактивный
текст
#999
rgb (153, 153, 153)

Ссылки

Нормальное#0055BB
rgb (0, 85, 187)
Наведенное#FF8C00
rgb (255, 140, 0)
Неактивное#999
rgb (153, 153, 153)

Текст

Основной
текст
#000
rgb (0, 0, 0)
Вспомогательный
текст (Web)
#666
rgb (102, 102, 102)
Вспомогательный
текст (Apps)
#999
rgb (153, 153, 153)
Инвертированный
текст
#FFF
rgb (255, 255, 255)

Оттенки серого 

Неактивные
элементы
#999
rgb (153, 153, 153)
Линия поля
ввода
#CCC
rgb (204, 204, 204)
Разделители#E6E6E6
rgb (230, 230, 230)
Фон страниц
под блоками
#F5F5F5
rgb (245, 245, 245)
Интерфейсные
блоки
#FFF
rgb (255, 255, 255)

Статусы и состояния 

Ошибки#D0021B
rgb (208, 2, 27)
Предупреждения#FF8C00
rgb (255, 140, 0)
Успешные
действия
#4BBD5C
rgb (75, 189, 92)

Основные цвета промо

Белый#FFF
rgb (255, 255, 255)
Оранжевый#FF8C00
rgb (255, 140, 0)
Графитовый#2D3540
rgb (45, 53, 64)

Дополнительные цвета промо

Фиолетовый#865ED3
rgb (134, 94, 211)
Серый#F5F5F5
rgb (245, 245, 245)

Цвета иллюстраций

Оранжевый#FF8C00
rgb (255, 140, 0)
Фиолетовый#702CAA
rgb (112, 44, 170)
Графитовый#383638
rgb (56, 54, 56)
Серый#F5F5F5
rgb (245, 245, 245)
Белый#FFF
rgb (255, 255, 255)

Далее «Брендбук QIWI»