Цвета

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

Hex

Цвет — не менее важный элемент визуального образа Selectel. Фирменное сочетание синего и красного работает как запоминающийся визуальный маркер и хорошо смотрится на любых носителях.

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

Signal Red
#eb4247
Text Black
#1C1F21
Data Blue
#092433
Cool Gray
#ccd1d5

Расширенная
палитра

Hex

Для особых случаев — например, для материалов HR-бренда, Академии Selectel и мероприятий — можно задействовать расширенную палитру. Для этого используйте цвета, которые собраны в таблице ниже. Так вы сохраните консистентность айдентики.

Расширенная палитра построена вокруг основных цветов. Она добавляет оттенки и дополнительные цвета.

Red
#3C090B
Orange
#481A00
Yellow
#3d2b00
Green
#072e20
Blue
#092433
Purple
#201831
Grey
#1c1f21
Red
#691113
Orange
#762b00
Yellow
#5b4100
Green
#054f34
Blue
#0f3c55
Purple
#2e214a
Grey
#2f3132
Red
#93181c
Orange
#ab4a12
Yellow
#835e03
Green
#01744b
Blue
#185e85
Purple
#4d3b72
Grey
#565656
Red
#c92227
Orange
#d65d17
Yellow
#a47500
Green
#009a63
Blue
#2181b7
Purple
#7655bd
Grey
#717375
Red
#eb4247
Orange
#f56f21
Yellow
#cf9400
Green
#0ab476
Blue
#3a9ed6
Purple
#905bff
Grey
#939597
Red
#ff4a50
Orange
#ff8038
Yellow
#ebab0a
Green
#0ad088
Blue
#57b4e8
Purple
#9c6dff
Grey
#aaadaf
Red
#ff7b7f
Orange
#ff975a
Yellow
#ffc636
Green
#1af8a8
Blue
#7ed0fd
Purple
#b896ff
Grey
#ccd1d5
Red
#ffb1b4
Orange
#ffb990
Yellow
#ffd97c
Green
#73ffcd
Blue
#b4e4ff
Purple
#d5c1ff
Grey
#e0e2e4
Red
#ffdfe0
Orange
#ffe0ce
Yellow
#fff1ce
Green
#c8ffeb
Blue
#d1efff
Purple
#eee5ff
Grey
#f1f1f1

Соотношение
цветов

В макетах следите за соотношением цветов друг к другу. Это также поможет создать запоминающийся образ бренда.

Процентное соотношение — не строгое правило, но желательное.

30%
Data Blue
30%
White
20%
Signal Red
15%
Text Black
5%
Cool Gray
Мы используем Cookies

Продолжая использовать наш сайт, вы соглашаетесь с политикой использования Cookies. Это файлы в браузере, которые помогают нам сделать ваш опыт взаимодействия с сайтом удобнее.