Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

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

Tilda Sans — фирменный вариативный шрифт Тильды с открытой лицензией. Это геометрический гротеск с нейтральным характером. Шрифт хорошо смотрится в акциденции и в наборе и подойдёт для сайтов разных тематик.

Гарнитура содержит семь начертаний от Light до Black, которые объединили в вариативный шрифт. Это положительно влияет на скорость загрузки страниц сайта, а также его просто удобно использовать в текстовых блоках, заголовках, подзаголовках и в интерфейсе.

Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

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

Кириллица в начертаниях Light и Medium, латиница в начертании Black
Кириллица в начертаниях Light и Medium, латиница в начертании Black

Выпуская качественный шрифт в свободный полёт и бесплатно, мы надеемся на то, что он станет таким же, знаете, знаковым, как в своё время стал шрифт PT Sans, например.

Никита Обухов, основатель Tilda

Зачем Тильде свой шрифт

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

Tilda Sans в начертаниях Light, Regular и Black
Tilda Sans в начертаниях Light, Regular и Black

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

Создавая Tilda Sans, мы поставили перед собой высокую планку: создать выразительный шрифт с нейтральным характером, который подойдёт для сайта любой тематики — от интернет-магазина растений до персонального портфолио дизайнера. И в то же время шрифт станет голосом платформы, который по умолчанию сделает классным дизайн любого сайта, созданного на Тильде.

Никита Обухов, основатель Tilda

При создании шрифты мы использовали достижения современных технологий, поэтому Tilda Sans стал вариативным. Это сокращает вес шрифта и увеличивает скорость загрузки сайта, что очень важно. Например, наш шрифт весит 75 кб, против 300−400 кб классического формата шрифтов. Также вариативность позволяет пользователям индивидуально задавать любую насыщенность в пределах от Light до Black.

Вариативность шрифта Tilda Sans

Как работали над шрифтом Tilda Sans

Референсами для создания шрифта были немецкие геометрические гротески, например, Erbar Grotesk, Elegant Grotesk, Neuzeit Grotesk или Futura. Tilda Sans должен был обладать их качествами, но быть уникальным и более последовательным в дизайн-решениях.

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

Дмитрий Голуб, дизайнер Paratype
Пример использования Tilda Sans на сайтах <a href="https://api.vc.ru/v2.8/redirect?to=http%3A%2F%2Fsolutioncrm.ru&postId=648286" rel="nofollow noreferrer noopener" target="_blank">solutioncrm.ru</a>,<a href="https://api.vc.ru/v2.8/redirect?to=http%3A%2F%2Fbizstats.ru&postId=648286" rel="nofollow noreferrer noopener" target="_blank"> bizstats.ru</a>, <a href="https://api.vc.ru/v2.8/redirect?to=http%3A%2F%2Fplanerka.space&postId=648286" rel="nofollow noreferrer noopener" target="_blank">planerka.space</a>, <a href="https://api.vc.ru/v2.8/redirect?to=http%3A%2F%2Fmarketplace.astra.agency&postId=648286" rel="nofollow noreferrer noopener" target="_blank">marketplace.astra.agency</a>
Пример использования Tilda Sans на сайтах solutioncrm.ru, bizstats.ru, planerka.space, marketplace.astra.agency

Особенности шрифта

Саша Королькова, арт-директор Paratype, начала работу над Tilda Sans с поиска пластической идеи. Первыми набросками были прописные, построенные по образу и подобию римского капитального письма.

Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

По конструкции Tilda Sans — умеренно открытый геометрический гротеск, в прописных перекликается с римским капитальным письмом. Дизайнеры Paratype добавили в шрифт несколько цепляющих и уникальных деталей. Например, ноги и ветви у «КkRКкЖж», хвост в «Q» и пропорции шрифта в целом. Также при создании шрифта тщательно подбирали высоту строчных в жирных начертаниях.

Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

По пластике первое, что мы решили сделать — это одинаково открытые буквы. . Немецкие геометрические гротески делали с оглядкой на немецкий язык, где после буквы «c» почти всегда стоит «h» или «k», поэтому буква «с» там чаще всего открытая, с вертикальными срезами, а буква «e» при этом закрытая. Мы решили, что нам такие особенности ни к чему.

Дмитрий Голуб, дизайнер Paratype

Большое внимание уделялось контуру: дизайнеры долго работали над тем, чтобы сделать его максимально красивым, проверяли на разных экранах. Так же тщательно подбирали высоту строчных в жирных начертаниях. После того как был готов Black-мастер, то есть самое жирное начертание, экстраполировали светлое начертание — Light и чистили его контуры.

Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

В шрифте много внимания уделили знаковому составу — например, расширенная латиница сгенерирована не просто так. У буквы «ï» более узкий диерезис, в «ę» огонёк рисовался вручную, а вертикальный карон в «Ľľďť» правильной формы, не повторяющей дизайн запятой.

Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

В «f»-лигатурах принцип связи букв через единую верхнюю арку отсылает к эпохе первых геометрических гротесков. Лигатуры буквы «f» работают с остальными высокими строчными латинскими буквами.

Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

Чтобы подчеркнуть, что Tilda Sans — фирменный шрифт Тильды, Александра Королькова подсказала добавить альтернативную двухчастную букву «а» — с «тильдообразным» пузом. Из любви к немецким геометрическим гротескам, Дмитрий Голуб сделал альтернативную букву «u».

Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

Tilda Sans содержит расширенную кириллицу, которая включает в себя украинские, татарские, башкирские, удмуртские, казахские и другие символы.

Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

В Tilda Sans сделаны маюскульные пропорциональные цифры, которые стоят в шрифте по умолчанию, и моноширинные, то есть табличные цифры. Также в шрифте есть индексные цифры, дроби, знаки валют, специальные и альтернативные символы для прописного набора: дефис, тире, кавычки-ёлочки и собака.

Tilda Sans. Фирменный вариативный шрифт Тильды с открытой лицензией выложен в открытый доступ

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

Презентация шрифта Tilda Sans

20 октября прошла онлайн-презентация шрифта. Дмитрий Голуб и Никита Обухов рассказали о работе над Tilda Sans.

Над Tilda Sans работали

Paratype: Дмитрий Голуб, Александра Королькова, Николай Недашковский

Tilda: Никита Обухов, Борил Караиванов, Яна Плющева

Tilda Sans открыт для скачивания и свободного использования в любых проектах. Если вы уже используете шрифт на своём сайте — поделитесь ссылкой на него в комментариях.

137137
44 комментария

Комментарий недоступен

7

Выглядит как Futura.

4

Футура охуеннней
Имхо
Но так да

2

Они прямо говорят, что ориентировались на неё.

1

Красивый шрифт получился, особенно вариант light 👍

3

Кстати тоже больше всего понравилась версия light, попробую применить в своих работах.

2