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

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

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

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

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

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

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

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

Image
Image

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

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

Таймлайн

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

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

Вот, что стоит знать о нас:

1

Мы не теоретики, а практики

За нашими плечами сотни тысяч сданных в аренду выделенных серверов, подготовленных юнитов для аренды клиентского оборудования, зарезервированных каналов связи, защищенных по 152-ФЗ сервисов. Экспертиза в разных стеках и технологиях помогает нам создавать новые продукты.

2

Растем вместе с клиентами

Клиенты строят свой бизнес вместе с нами, их успех — это наш успех. Чтобы обеспечить рост и безопасность систем, берем на себя обязательства по поддержке IT-инфраструктуры. Кроме того, несем финансовую ответственность за простой сервисов, храним и обрабатываем данные по закону.

3

На одной волне с IT-сообществом

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

Еще участвуем в профессиональных митапах, конференциях и подкастах. Рассказываем про HR-проекты, сети, UX и, конечно, про технологии и свои продукты.

4

Открыты к диалогу и обмену знаниями

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

Также публикуем мануалы в документации и авторский контент от сотрудников в Академии Selectel. Специалисты техподдержки оперативно помогают с настройками и вопросами.

5

Не боимся неудач

Уверены, что ошибки — это опыт и «топливо» для поиска новых решений.
Мы активно растем и меняемся на самых разных уровнях — в процессах и инструментах, векторах развития и стратегии.

Считаем, что нет безвыходных ситуаций и таких обстоятельств, которые нельзя изменить.

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

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

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

Image

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

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

Цвета

Image

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

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

Шрифты

Image

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

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
Смещение строк

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

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

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

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

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

Пиктограммы

Image

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

Image
48x48
1x 2x 3x 4x

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

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

Image Image Image

Построение

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

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

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

Image
Image

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

Image
Image

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

Image

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

Image

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

Image
Image

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

Image
Image

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

Image

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

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

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

Маскот

Image

Характер

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

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

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

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

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

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

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

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

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

Image

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

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

  • Image
    Иконка

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

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

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

  • Image
    Версия для HR

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

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

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

Image

Стикеры

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

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

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