Typography

Меню

Типографика

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

SB Sans

SB Sans Display

SB Sans — фирменный шрифт и ключевой элемент брендинга наших продуктов. SB Sans Display, SB Sans Interface, SB Sans Text — основные начертания, которые используются для оформления всех коммуникаций бренда.

Используется для оформления заголовков и сообщений, набранных крупным кеглем. Рекомендуется использовать для оформления текста, размером от 24 pt на экране и от 14 pt на бумаге.

SB Sans Interface

Используется для набора элементов интерфейса на веб-сайтах и в мобильных приложениях. Это набор шрифтов с фиксированной длиной строки. Длина строки остаётся неизменной при изменении начертания семейства шрифтов.

SB Sans Text

Линейка нечертаний Text подходит для набора мелкого текста (9–18 pt). Данное начертание используется для больших объемов текста как в веб-сайтах, презентациях, так и на бумажных носителях.

Дополнительные шрифты

Verdana

Семейство шрифтов Verdana предустановлено на большей части компьютеров и визуально ближе к SB Sans Display, чем все другие системные шрифты. Для электронных документов следует использовать два начертания шрифта Verdana: Regular и Bold.

Для внутрикорпоративных целей при подготовке электронных шаблонов таких приложений как PowerPoint, Microsoft Word и других, может использоваться шрифт Verdana вместо SB Sans Display и SB Sans Text.

Шрифт Verdana может использоваться только для внутрикорпоративных коммуникаций.

Работа со шрифтами в Тильде

Чтобы сохранить гибкость в работе со шрифтами в Тильде, мы рекомендуем использовать гарнитуру Montserrat для заголовков (вместо SB Sans Display) и Open Sans для наборного текста (вместо SB Sans Interface).

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

Настройки типографики

В зависимости от типа продукта мы используем разные подходы к типографике.

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

Сервисы

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

Медиа

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

Выключка

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