Это — живой документ, который постоянно дополняется и меняется вместе с компанией.

Будет полезен

Всем, кто хочет больше узнать о бренде Selectel — его истории, ценностях, образе и характере.

А также для тех, кому важно детально разобраться в коммуникациях компании — текстовых и визуальных.

Если хотите получить полное представление о Selectel, советуем идти в хронологическом порядке: от истоков бренда к актуальной структуре компании и гайдлайну.
Кто мы?

Selectel — крупнейший независимый провайдер (по данным iKS-Consulting) сервисов IT-инфраструктуры в России. Мы занимаем лидирующие позиции на рынке выделенных серверов и приватных облаков, управляем облачной платформой собственной разработки и входим в топ-3 крупнейших поставщиков IaaS в стране.

Чем мы занимаемся?

Мы помогаем компаниям разного размера (от стартапов до Enterprise) и из разных отраслей создавать и поддерживать IT-инфраструктуру: развивать сайты, приложения, внутренние системы. Также — решать бизнес-задачи любой сложности. Например, защитить IT-инфраструктуру от атак, создать виртуальные рабочие места для сотрудников или обеспечить бесперебойную работу сервисов во время пиковых нагрузок.

Главное в цифрах

100%
фокус на IТ-инфраструктуре
Selectel — независимый провайдер, который уже 17 лет работает на отечественном рынке. Мы не являемся частью экосистем других компаний, занимаемся только созданием и развитием IT-инфраструктуры.
6
собственных
дата-центров
Сами спроектировали и построили ЦОДы в Петербурге, Ленобласти и Москве.
44+
тысячи
клиентов
Работаем с компаниями из разных отраслей — FinTech, медиа, EdTech, e-commerce, интеграторы и госпроекты, тяжелая промышленность — и знаем, что «болит» на каждом этапе развития.
50+
сервисов
Объединили в одной панели управления 50+ продуктов, разработали и активно развиваем свою облачную платформу.
3
место в рейтинге IaaS-провайдеров
по выручке 2025
Selectel вошел в топ-3 провайдеров российского рынка облачных инфраструктурных сервисов, по версии аналитического агентства iKS-Consulting.

Таймлайн

Наши ценности

Selectel — компания с сильной  корпоративной культурой. Мы создаем среду, в которой люди могут открыто общаться и реализовывать смелые идеи.

Как у нас принято:

1

Клиент

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

2

Команда и коллаборация

Объединяемся, чтобы добиться большего, поддерживая и развивая друг друга.

3

Инициатива и ответственность

Не стесняемся предлагать самые смелые идеи и берем ответственность за их реализацию.

4

Открытый диалог

Мы честны и открыты друг с другом. Даем конструктивную обратную связь, признаем ошибки и озвучиваем свое экспертное мнение.

Аудитория бренда

Selectel — компания, которая активно продвигает свои продукты, ищет новых коллег, сотрудничает с имиджевыми и технологическими партнерами.

Мы взаимодействуем c разными людьми:

Каналы и площадки

Делимся новостями и полезными материалами со своей аудиторией

Цвета

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

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

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

Signal Red
eb4247
Data Blue
092433
Server Grey
E3E6E7

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

Figma

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

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

Red
202735
Orange
1f292e
Yellow
21312e
Green
082e37
Blue
082d41
Purple
172947
Grey
142d3c
Red
362a37
Orange
352d29
Yellow
383e29
Green
07393b
Blue
083650
Purple
242f5c
Grey
1e3644
Red
63303b
Orange
61371f
Yellow
67581f
Green
054e43
Blue
07486c
Purple
3f3a85
Grey
334955
Red
91363f
Orange
8c4014
Yellow
967314
Green
04634b
Blue
055b89
Purple
5a45ad
Grey
495b67
Red
be3c43
Orange
b84a0a
Yellow
c58d0a
Green
027853
Blue
046da5
Purple
7550d6
Grey
5e6e78
Red
eb4247
Orange
e45300
Yellow
f4a700
Green
008d5b
Blue
037fc2
Purple
905bff
Grey
738089
Red
ef686c
Orange
e97533
Yellow
ffba26
Green
16a565
Blue
3599ce
Purple
a67cff
Grey
8f99a1
Red
f38e91
Orange
ef9866
Yellow
ffcc5f
Green
22c27a
Blue
68b2da
Purple
bc9dff
Grey
abb3b8
Red
f7b3b5
Orange
f4ba99
Yellow
ffdf99
Green
4ada99
Blue
9acce7
Purple
d3bdff
Grey
c7ccd0
Red
fbd9da
Orange
faddcc
Yellow
ffecc2
Green
9cf5cd
Blue
cde5f3
Purple
e9deff
Grey
e3e6e7
Red
fdeced
Orange
fceee5
Yellow
fff4da
Green
bdffe1
Blue
e6f2f9
Purple
f4efff
Grey
f1f2f3

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

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

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

30%
Data Blue
30%
White
20%
Signal Red
15%
Text Black
5%
Cool Gray

Шрифты

Фирменный
шрифт

Manrope
variable

Manrope — наш основной фирменный шрифт, который объединяет характерные признаки различных начертаний. Он умеренно сжат, умеренно кругл и умеренно геометричен.

Благодаря использованию одного шрифта дизайн становится лаконичным. На первый план выходят смысл текста и графический контент.

typeface
200 300 400 500 600 700 800

Начертания

Manrope — вариативный шрифт с семью преднастроенными начертаниями. Вариативность позволяет гибко работать с типографикой, управляя толщиной контура буквы. Рекомендуем использовать варианты начертаний с толщиной линий не более 650 точек. Редкие исключения допустимы.

НАЧЕРТАНИЕ
КЕГЛЬ
ТОЛЩИНА
КОНТУРА
Extralight
200
Selectel
АаБбВв
012345
$?!+*)&
Light
300
Selectel
АаБбВв
012345
$?!+*)&
Regular
400
Selectel
АаБбВв
012345
$?!+*)&
Medium
500
Selectel
АаБбВв
012345
$?!+*)&
Semibold
600
Selectel
АаБбВв
012345
$?!+*)&
Bold
700
Selectel
АаБбВв
012345
$?!+*)&
Extrabold
800
Selectel
АаБбВв
012345
$?!+*)&

Системный шрифт

Arial

Если использовать Manrope нельзя, альтернативой может стать системный шрифт Arial. Используйте его в презентациях, рассылках и других форматах, где возникают проблемы с добавлением фирменного шрифта.

abcde
fghijkl
mnoqr
stuvw
xyz
01234
56789
!@#$
%^*(
«:;><\
abcde
fghijkl
mnoq
rstuv
wxyz
01234
56789
!@#$
%^*(
«:;><\

Типографика:
основной прием

Типографика Selectel основана на одном шрифте со множеством вариантов начертаний. Мы относимся к текстовым элементам как к графическим и располагаем их в виде типографической композиции. Она и является нашим «графическим дизайном».

Selectel
Floating
typography
Смещение строк

Строки текста смещаются относительно друг друга. Это происходит из-за изменения размера отступа от края наборного поля. Он всегда пропорционален сетке макета. Смещение строк допустимо только в заголовках и крупных текстовых сообщениях.
Внутри наборных блоков текста смещение не применяется.

Выравнивание по вертикалям

Вертикали сетки образуют линии, относительно которых располагаются текстовые блоки.

Движение по горизонталям

Горизонтальное расстояние между блоками подвижно и может варьироваться в зависимости от макета и носителя. Вся фирменная типографика строится на работе с горизонтальным пространством между блоками. Заголовок можно расположить слева от блока текста, а расстояние между ними может быть разным: как минимальным, так и очень большим.

Пиктограммы

Пиктограммы — важная составляющая визуального образа Selectel. Они призваны уравновесить абстрактную графику иллюстраций, имеют общие признаки: толщину линии, сетку в основе, разницу скруглений доминирующих углов.

48x48
1x 2x 3x 4x

Взаимодействие с текстом

Пиктограмма равна букве. Это основной принцип совмещения текста и пиктограммы. Отрегулируйте вариативную толщину контура шрифта, установив ее в районе 320–332 единиц так, чтобы толщина контура буквы стала оптически равна толщине контура пиктограммы.

Построение

Пиктограммы построены на основе фирменных приемов. Также при их создании учитываются и другие требования для рисования подобных элементов в веб-пространстве.

В пиктограммах Selectel объекты изображаются как можно более прямолинейно, без метафор.

Размер — 48×48px. Хорошая фирменная пиктограмма стремится занять всю площадь сетки и стать похожей на квадрат.

Все иконки должны быть нарисованы по пиксельной сетке. Размеры и координаты не должны содержать дробные значения. Исключение — 0,5.

Пиктограммы выполняются контуром одной ширины в 4px, без контрастов. Заливка плоскостей цветом допускается в исключительных случаях.

Допустимая толщина пробельных элементов 2px, если этого требует детализация иконки.

Фирменный прием для наших пиктограмм — нестандартное скругление углов. Внешнюю сторону угла необходимо скруглять в 4 раза сильнее, чем внутреннюю.

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

Графический
язык

Принципы стиля

Графический язык Selectel основан на нефигуративной иллюстрации. Это альтернатива технической иллюстрации, изображающей материальные объекты и сюжеты. Также — декоративной графике: узорам и паттернам.

Используя графический язык Selectel, мы не сосредотачиваемся на буквальном изображении понятных и знакомых образов. Вместо этого пытаемся размышлять, как они могут выглядеть в абстрактной форме.

Маскот

Характер

Тирекс — маскот Selectel. У него маленькие ручки и большое сердце. Он любознателен и склонен к самоиронии. Открыт к общению и новым идеям.

Наш маскот помогает пользователям коммуницировать с брендом и создавать настроение неформального, веселого общения.

  • ответственный
  • дружелюбный
  • любознательный
  • самоироничный

История появления

25
сентября 2012 день рождения Тирекса

Тирекс появился на второй день крупнейшего даунтайма в истории Selectel.

За сутки до этого события разворачивались бурно: перестал работать петербургский сегмент сети — сайт компании и панель управления были недоступны клиентам. Проблема оказалась в некорректно работающем коммутаторе. Ее устранили, но произошло новое отключение из-за повреждения оптоволокна между дата-центрами. Как после выяснила аварийная бригада, хулиганы обстреляли кабель из пневматической винтовки. Их задержали и передали полиции.

Чтобы объяснить ситуацию клиентам и принести извинения, мы написали текст на Хабр и нарисовали смешной комикс. Героем последнего стал тираннозавр. По сюжету он страдал из-за коротких лапок и не мог делать важные дела — есть мороженое или завязывать шнурки. В итоге от горя он решил застрелиться, но промахнулся — пуля из его пистолета попала в оптоволокно Selectel.

Читатели Хабра оценили статью и комикс. С тех пор Тирекс стал популярным персонажем наших иллюстраций, стикеров и других промо материалов. Ну, и нашим любимым маскотом!

Допустимые стили

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

  • Иконка

    Самый лаконичный способ изобразить маскота. Используйте эту универсальную версию как иконку или в качестве изображения на фирменной продукции. Также — при оформлении мероприятий.

  • Версия для блога

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

  • Версия для HR

    Наиболее детализированная и природоподобная версия маскота. Используется для продвижения HR-бренда.

Основные
характеристики

Вне зависимости от стиля изображения у Тирекса маленькие ручки и большие ноги. В основном он зеленый, но иногда встречается и в других цветах. Иногда Тирекса можно увидеть в компании других динозавров.

Стикеры

Еще у нас есть большой стикерпак с Тирексом. Используйте его в Telegram или скачайте стикеры тут.

с обводкой
без обводки
Мы используем Cookies

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