Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

Издание Sports.ru провело масштабный ребрендинг — впервые за
18 лет компания изменила логотип, а также выбрала фирменный цвет.
А еще у бренда появился собственный фирменный шрифт TT Sports Display от студии TypeType. Рассказываем подробности!

Предыстория: ребрендинг Sports.ru

Визуальный образ Sports.ru не менялся с 2006 года. За это время логотип с пятью разноцветными шариками перестал быть актуальным и отражать ценности бренда. Кроме того, компания расширяется
и строит новые планы — ребрендинг стал символом этих перемен. Им занималось агентство «Супрематика», а в создании бренд-платформы приняло участие стратегическое агентство Relevant.

Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

Так, от наименования бренда «отрезали» часть доменного имени «.ru»: теперь он называется просто Sports или «Спортс». Такое сокращение не только сделало форму более лаконичной и простой для произношения, но и помогло подчеркнуть, что современный Sports — это не только сайт, но также линейка приложений и семейство пабликов в соцсетях.

Опорной точкой всего концепта стал новый логотип компании, дополненный «кавычками-секундами» — то есть кавычками, форма которых отсылает к международно признанному знаку секунд
на секундомерах и табло. «Супрематика» разработала логотип на основе нашего шрифта TT Travels, который мы позже кастомизировали для «Спортс» — об этом мы подробно расскажем во второй части.

«Sports — не просто цифровая платформа о спортивных событиях,
но и сообщество блогеров, комментаторов и преданных своему делу сотрудников. И в спорте, и в журналистике каждая секунда на счету. Поэтому мы решили соединить два основных преимущества бренда
в одном символе — так появились „секунды-кавычки“. А неразрывное сочетание знака с буквой „s“ отражает концепцию сильного сообщества, которым дорожит Sports».
Ксения Александрова, арт-директор «Супрематики»

Также у бренда появился фирменный цвет под названием Sports Green. Оттенок зеленого выбрали неслучайно: во-первых, отдали дань старому логотипу, сделав отсылку к одному из пяти цветных кругов. Во-вторых, зеленый символизирует обновление и напоминает цвет футбольного поля. А мятный оттенок добавил этим ассоциациям свежести и актуальности.

Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

Всем этим изменениям предшествовало создание бренд-платформы,
в рамках которой «Спортс» определил свою идентичность, характер, цели и ценности.

«В каждом элементе фирменного стиля мы стремились передать ощущение динамики, чтобы подчеркнуть обновленный характер Sports. Выбор главного цвета оказался непростой задачей — важно было не только сохранить связь с миром спорта и отстроиться
от конкурентов, но и отразить эволюцию и диджитальность бренда».
Ксения Александрова, арт-директор «Супрематики»

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

Как мы создавали фирменный шрифт для Sports

Итак, нам необходимо было сделать фирменный шрифт, который стал бы узнаваемым лицом бренда, и добавить ему уникальные фишки — но соблюсти меру, чтобы не перегрузить. При этом было необходимо, чтобы шрифт рифмовался с новым логотипом и гармонично вписывался в новый визуальный образ бренда. Как мы уже упомянули выше, решением стала кастомизация TT Travels — шрифта
из коллекции TypeType.

Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

Для начала мы провели аудит нового шрифтового логотипа, разработанного «Супрематикой», и предложили свои правки. После этого мы начали думать, как кастомизировать TT Travels так, чтобы шрифт получился уникальным и вмещал в себя элементы фирменного стиля.

Первой идеей для развития шрифта было создать два заголовочных сета, в которых к каждой букве с двух сторон были бы прикреплены
те самые «секунды», чтобы заголовки рифмовались с логотипом. Также «Спортс» хотели отойти от классических представлений
о шрифте со «спортивной тематикой», то есть аутлайны (контурные шрифты) и брусковые засечки сразу отпадали.

Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

Нам было важно не просто изменить отдельные символы, а сделать так, чтобы кастомизированный шрифт стал узнаваемым, отражал характер бренда. Мы стремились добавить резвости и динамичности
в разные элементы знаков: например, диакритику и пламевидный элемент буквы «б». А еще мы решили поработать с пунктуацией
и сделать цифры более узнаваемыми, так как они часто используются в текстах на тему спорта.

Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

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

Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

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

Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

Отталкиваясь от этих идей, мы пошли в сторону большей деликатности. В процессе кастомизации TT Travels мы заменили знаки пунктуации на более брутальные: сделали точки квадратными, добавили во всю диакритику и пунктуацию узнаваемые диагональные срезы, рифмующиеся с логотипом. Также диагональные срезы появились в горизонтальных перекладинах букв. Двухчастные знаки «a» и «g» мы заменили на одночастные, а некоторые «игривые» формы сделали более спокойными (например, в букве «у» и в цифрах 2, 6, 9).
А еще — добавили глифы с фирменными кавычками, которые благодаря прописанному скрипту автоматически включаются только
в том случае, если стоят в конце слова.

Кавычки и секунды: как мы создавали фирменный шрифт для Sports.ru

Что у нас получилось

«В основу кастомизации легла графика секунд-кавычек, разработанная „Супрематикой“. Исходя из этой графики мы преобразили пунктуационные и диакритические знаки — они стали крупнее
и брутальнее. В знаках с горизонталями появились диагональные срезы под тем же углом, который задан в фирменных секундах. Эти решения делают шрифт оригинальным и приближают его к спортивной тематике, придавая динамики. Кроме того, мы внедрили в шрифт новые логотипы „Спортса“ — в латинском и кириллическом написаниях, а также иконки: латинские буквы „S“, „s“ и кириллические „С“, „с“ с секундами-кавычками. Все это помогает ещё больше раскрыть характер бренда
и сохранить его целостность».
Марина Ходак, дизайн-лид TypeType и ведущий дизайнер проекта

В результате у нас получился TT Sports Display — заголовочный шрифт для Спортс. Он уже используется на сайте и других площадках компании. В качестве текстовой пары к нему мы выбрали гарнитуру
TT Neoris из коллекции TypeType — эти шрифты отлично сочетаются
и дополняют друг друга.

Над проектом работали:

TypeType:
Сергей Кузьмин, проджект-менеджер
Марина Ходак, дизайн-лид
Лада Собченко, шрифтовой дизайнер
Сия Врублевская, шрифтовой дизайнер
Юрий Наконечный, руководитель технического отдела
Станислав Тихонов, шрифтовой инженер
Виктор Рубенко, хинтинг

«Супрематика»:
Владимир Лифанов, креативный директор
Ксения Александрова, арт-директор
Ирина Сахарова, арт-директор
Евгений Никитин, моушн-дизайнер
Сергей Ляхович, бренд-продюсер.

22
Начать дискуссию