Типографика

Updated 28.12.2024

Типографика

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

Шрифты

Скачать

Halvar является основным шрифтом брендинга. Используется
в медиаконтенте и промопродуктах.

Скачать

Inter подходит для набора основного текста, используется в брендинге,

а также является основным шрифтом интерфейсов наших продуктов.

Его заменой для платформ Android и iOS являются шрифты Roboto

и SF Display.

Скачать

Coolvetica используется в медиаконтенте для заголовков с целью
привлечения и акцентирования внимания. Не подходит для набора
основного текста.

Скачать

Poppins используется в промопродуктах и медиаконтенте. Также
является альтернативной заменой для шрифта Inter в интерфейсах
промопродуктов, когда его использование невозможно. Например,

Inter не поддерживает некоторые языки, такие как Хинди.

Шрифтовые пары

Для поддержания целостности фирменного стиля бренда необходимо использовать
подобранные шрифтовые пары. Выбор шрифтовой пары зависит от формата контента
и его цели.

Halvar + Inter

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

Halvar Bold

Inter Regular

x

2x

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

Здравствуй, друг!

Coolvetica + Halvar

Заголовок — Coolvetica в начертании от Condesed Regular в верхнем регистре. Подзаголовок — Halvar в начертании Bold. Эта шрифтовая пара подходит для крупных заголовков и акцентных подзаголовков, когда необходимо привлечь внимание.

Выключка

Не рекомендуется использование правой выключки.

Авторизация — требование нашей системы. Три шага — и ваш бонус
на счете.

Разрешено

Авторизация — требование нашей системы. Три шага — и ваш бонус
на счете.

Запрещено

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

Авторизация — требование нашей системы. Три шага — и ваш бонус
на счете.

Разрешено

Авторизация — требование нашей системы. Три шага — и ваш бонус
на счете.

Запрещено

Регистр

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

Длина строки

Не стоит сильно растягивать или сжимать строку. Оптимальный размер длинной
строки равен 2/3 от контейнера интерфейса — около 50–80 символов.

Высота строки и трекинг

При настройках типографики обращаем внимание на параметры line height и letter
spacing. Line height определяет расстояние между строками, в то время как letter
spacing отвечает за расстояние между символами.

Halvar

Для семейства шрифтов Halvar используем 110% от высоты строчной
буквы. Для трекинга используется значение -2%.

Inter

Для семейства шрифтов Inter используем 130% от высоты строчной буквы.
Для трекинга используется значение 0%.

Coolvetica

Для семейства шрифтов Coolvetica используем 110% от высоты строчной буквы.
Для трекинга используется значение 0%.