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

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

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

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

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

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

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

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

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

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

Таймлайн

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

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

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

1

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

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

2

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

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

3

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

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

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

4

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

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

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

5

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

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

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

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

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

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

Каналы для общения

Для коммуникации
с клиентами и не клиентами компании мы используем разные каналы и площадки.

Cреди них:

Цвета

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

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

Шрифты

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

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 или скачайте стикеры тут.

с обводкой
без обводки