Акцидентные заголовки
- ШрифтYS Display Medium
- Интерлиньяж100–105% — допустимый
интервал - Трекинг0%
Заголовки всегда YS Display Medium
Типографика
Любой макет состоит из ряда элементов, которые могут меняться: это логотип, фон, заголовок и основной текст, фото и теги, но они неизменно встраиваются в сетку вёрстки
Основные начертания
YS Display Medium
Акцидентные заголовки
YS Text Bold
Простые заголовки
YS Text Regular
Подзаголовки и наборный текст
YS Text WideYS Text Cond
Спецпроекты
Правила типографики
Простые заголовки
- ШрифтYS Display Bold
- Интерлиньяж115%
- Трекинг0%
Заголовки всегда YS Display Bold
Подзаголовки и наборный текст
- ШрифтYS Text Regular
- Интерлиньяж120%
- Трекинг0%
Всё ускоряющаяся эволюция компьютерных технологий предъявляет жёсткие требования к производителям как собственно вычислительной техники, так и периферийных устройств
Теги
- ШрифтYS Display Medium
- Интерлиньяж30%
- Трекинг0%
Акцентные цифры
- Шрифтteam_numerals
- Интерлиньяж120%
- Трекинг0%
Это может быть полезно
Стиль текстового фрейма
Стиль текстового фрейма —
Cap heigh to baseline: Type Settings > Basic > Vertical Trim > Cap heighto baseline.
Этот параметр нужен для более простого и корректного выравнивания текстовых блоков относительно друг друга.
Система контрастов
Контраст заголовка к подзаголовку бывает 5 видов: самый высокий, высокий, средний, низкий и очень низкий. Какой из них использовать в макете — определяется количеством символов и строк заголовка.
Размер шрифта всегда кратен сетке макета и может варьироваться с шагом 0,5х.
Очень низкий
Заголовок — 3х
Размер основного текста — 2x
Низкий
Заголовок — 3,5х
Размер основного текста — 2x
Средний
Заголовок — 4х
Размер основного текста — 2x
Высокий
Заголовок — 5х
Размер основного текста — 2x
Самый высокий
Заголовок — 5х
Размер основного текста — 2x
Имя Фамилия — 2х
Должность — 1x
Вёрстка цифр
Половиной величины кегля отбиваются: знак процента, знак рубля и других валют, а также тысячи внутри чисел от 10 000. Например, обычный кегль равен 280, значит, полупробел равен 140. Чтобы поставить полупробел в Figma, выделите пробел и укажите значение вполовину меньше шрифта.
Нули в цифрах настраиваются в шрифте в меню Style, так их ширина становится пропорциональной остальным цифрам.
Кавычки
- « »
Кавычки-«ёлочки» — используются для всех макетов
Кавычки-«лапки» —используются только внутри «кавычек-„ёлочек“»
- « Название »
Названия на кириллице всегда пишутся в кавычках-«ёлочках»
- Title
Названия на латинице всегда пишутся без кавычек
Логотип
Стандартное расположение логотипа в макетах — 4 модуля по высоте. Но также допустимо использование логотипа и в 3 модуля по высоте в очень насыщенных контентом макетах. Для макетов с кобрендингом — 6 модулей по высоте.
Теги с формами конструктора
Каждый ассет сочетает простой графический знак (вдохновлённый формами эмодзи) и тег с коротким текстом. Их можно использовать как акцент в макете, чтобы подчеркнуть идею, усилить настроение или сделать коммуникацию более дружелюбной. Толщина обводки иконки — 0,5х.
Иконки
Иконки добавляют характер, помогают выделить важные моменты и делают сообщения более выразительными. Толщина обводки иконки — 0,5х. Расстояние от иконки до тега — 0,5х.
Примеры работы с типографикой
