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

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

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

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

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

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

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

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

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

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

«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 и ведущий дизайнер проекта

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

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

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

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

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

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

Последние публикации

Шрифт с широким размахом: спецпроект к двадцатилетию SHIFTBRAIN

В 2023 году японское маркетинговое агентство SHIFTBRAIN запустило интерактивный сайт, посвящённый двадцатилетию компании. Для этого проекта команда TypeType разработала уникальный вариативный шрифт, способный экстремально растягиваться по горизонтали. За основу мы взяли бестселлер TT Norms® Pro, который уже использовался в качестве корпоративного шрифта компании — вы можете увидеть его на основном сайте SHIFTBRAIN.

Узнать больше
Буквы с татарским колоритом: история создания шрифта для территориального бренда Альметьевска

Брендинговое агентство Sensesay и студия TypeType создали TT Almet Origin — шрифт для нового бренда Альметьевска. Он стал уникальным голосом города (а позже — и всего юго-востока Татарстана). В статье рассказываем обо всём по порядку — от исследования до создания фирменного шрифта в рамках брендинга города.

Узнать больше
Панграмма: что это такое, виды, применение и полный список примеров

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

Узнать больше
Жирные шрифты: как использовать их в дизайне

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

Узнать больше
Оптимизация шрифтов: ключ к мгновенной скорости загрузки веб-сайта

Поскольку шрифты являются неотъемлемой частью веб-дизайна, их правильная оптимизация играет ключевую роль в обеспечении быстрой и эффективной работы веб-ресурсов.​ Разберёмся, почему оптимизация производительности шрифтов так важна и что делать, чтобы обеспечить высокую скорость их загрузки.

Узнать больше
Шрифты печатных машинок: от ретро-механики к цифровой классике

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

Узнать больше
Пиши, обрезай: 10 лучших шрифтов для Cricut в 2025 году

Cricut остаётся одним из самых популярных инструментов для творчества в 2025 году. С его помощью создают и вырезают наклейки, открытки, декор и многое другое. В этой статье разберёмся, как выбрать лучшие шрифты для Cricut и правильно их использовать в Cricut Design Space.

Узнать больше
Лучшие и популярные шрифты для мемов: как правильно выбирать и использовать

Хотите узнать, какие шрифты являются лучшими для мемов и как правильно использовать их в создании собственного контента? Расскажем о самых популярных шрифтах для мемов и предложим некоторые свежие альтернативы, чтобы добавить привлекательности и уникальности вашим креативам.

Узнать больше
Ещё больше «ивишности»: как фирменный шрифт онлайн-кинотеатра Иви обрёл пару

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

Узнать больше

Узнать больше

Из крайности в крайность: широкие и узкие шрифты 

Широкие и узкие шрифты — одна из свежих тенденций в типографике, графическом и веб-дизайне. На первый взгляд некоторые из них могут показаться странными и несуразными, но при правильном применении способны придать проекту свежести и дерзости, актуальности и смелости. Что из себя представляют узкие и широкие шрифты, какими они бывают и где используются? Разбираемся в нашей статье!

Узнать больше
Как установить шрифты на компьютер?

Как установить новый шрифт на компьютер? Такой вопрос достаточно часто возникает у пользователей и дизайнеров. Однако уверяем вас — в этом нет ничего сложного! В нашей статье — пошаговая инструкция, которая поможет вам скачать и правильно установить файлы шрифтов на ПК с Windows или iOS.

Узнать больше
Лицензирование шрифтов: полное руководство для дизайнеров и бизнес-клиентов

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

Узнать больше
Кернинг, трекинг, спейсинг и интерлиньяж: что это и в чём разница? 

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

Узнать больше
Ёлки-палки: как скандинавский гротеск TT Firs вырос и завёл шрифтовую пару 

В 2023 году мы дали вторую жизнь полюбившемуся многим скандинавскому гротеску TT Firs Neue, радикально усовершенствовав гарнитуру в соответствии с современными стандартами. А вскоре после этого представили текстовую пару для этого шрифта — лаконичный TT Firs Text. О том, с чего всё начиналось, почему мы решили обновить TT Firs Neue, что изменили в нём и как появился TT Firs Text, рассказываем в нашей статье!

Узнать больше
10 главных трендов типографики в 2025 году

Мы живем в эпоху, когда тенденции меняются едва ли не каждый день, и шрифтовые тренды — не исключение. Актуальный дизайн выглядит интересно и привлекает внимание, устаревший же, как минимум, вызывает скуку, как максимум — недоверие к продукту или услуге. Эксперты и дизайнеры из шрифтовой студии ТайпТайп делятся самыми главными трендами типографики за 2025 год. Будь в тренде!

Узнать больше
15 лучших шрифтов для журналов

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

Узнать больше
УниверситеТТ: Урок 9. Прописные знаки: проработка контуров на детальном уровне

Добро пожаловать на девятый урок нашего «УниверситеТТа»! Сегодня мы углубимся в тему и перейдем к проработке деталей. Шрифт — это цельная визуальная система. Это проявляется на всех уровнях: как на глобальных (тип шрифта, насыщенность, пропорции, контраст, общие формы), так и на более мелких, которые включают в себя все графические ходы в отдельных знаках. Давайте разберемся, как визуальные детали влияют на общее восприятие шрифта.

Узнать больше
15 лучших контурных шрифтов, одобренных дизайнерами в 2025 году

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

Узнать больше