Как Aviasales сэкономили 4 месяца работы, переведя шрифт в переменные

Как Aviasales сэкономили 4 месяца работы, переведя шрифт в переменные

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

Корень проблемы — статичные OTF-файлы и ручная работа дизайнеров с кернингом (расстоянием между парами букв). Каждый новый носитель — баннер, email, интерфейс — требовал отдельной подгонки. По оценкам дизайн-команды, до 30% времени уходило не на концепцию, а на техническую доводку.

Что сделали

— Взяли собственный шрифт и перевели его в формат переменных осей (variable font, технология, позволяющая хранить все начертания в одном файле и управлять весом, шириной, оптическим размером через CSS или дизайн-инструменты).

— Зафиксировали в коде 4 ключевые оси: вес (wght), ширина (wdth), оптический размер (opsz) и наклон (slnt). Теперь кнопка в мобильном приложении и заголовок на лендинге используют один и тот же файл, но с разными значениями параметров.

— Внедрили дизайн-токены (design tokens, переменные в коде, описывающие визуальные свойства бренда) на уровне компонентов. Дизайнер меняет одно значение — интерфейс подстраивается автоматически.

Результат

— Время вывода нового носителя в бренд сократилось с 2-3 дней до нескольких часов. По подсчётам команды, за год это экономит около 4 месяцев чистого дизайнерского времени.

— Визуальная консистентность (единообразие) между каналами выросла по внутренним аудитам с 78% до 96%.

— Снизился вес бандла (набора файлов, которые загружаются пользователем): один variable-файл весит 180 КБ против 1,4 МБ у набора статичных начертаний. Для мобильного B2C (бизнес-к потребителю) продукта с аудиторией в десятки миллионов — это заметная разница в скорости загрузки.

Урок для бренд-дизайнера

Кастомный шрифт — это не просто OTF в папке «Brand». В 2026 году его ценность раскрывается только тогда, когда он становится частью дизайн-системы и кода. Variable fonts + design tokens превращают шрифт из «приложения к логотипу» в инфраструктурный элемент бренда, который масштабируется вместе с продуктом.

Если ваш шрифт до сих пор живёт в виде 12 отдельных файлов и ручной подгонки кернинга — это не вопрос вкуса, это вопрос операционной эффективности.

— @TypeForBrandsPro

Дополнительный контекст — @TVadReviewsPro