✅Typography

Main

Типографика для основного текста

Название	Шрифт	Начертание	Размер	Высота	Описание
Body-text 14	Inter	Regular	14	20	Основной текст
Body-text 12	Inter	Regular	12	16	Основной текст
Subtitle	Inter	Bold	12	16	Акцентные подзаголовки
Subscription	Inter	Medium	10	12	Подписи

Dynamic title

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

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

Название	Шрифт	Начертание	Размер	Высота	Описание
H1	Inter	Extra Bold	26	32	Заголовок 1 уровня
H2	Inter	Extra Bold	20	24	Заголовок 2 уровня
H3	Inter	Extra Bold	16	20	Заголовок 3 уровня
H4	Inter	Extra Bold	14	16	Заголовок 4 уровня

Static title

Статичный стиль применяется для статичных заголовоков.

Например: аналитический экран состоит из конечного набора виджетов. Акцент в таком случае - на данных, а не заголовках виджетов (пользователи привыкают к статичному расположению виджетов и со временем даже не читают заголовки).

Название	Шрифт	Начертание	Размер	Высота	Описание
H1	Inter	Semi Bold	26	32	Заголовок 1 уровня
H2	Inter	Semi Bold	20	24	Заголовок 2 уровня
H3	Inter	Semi Bold	16	20	Заголовок 3 уровня
H4	Inter	Semi Bold	14	16	Заголовок 4 уровня

Шрифты для компонентов

Кнопки и ссылки

Название	Шрифт	Начертание	Размер	Высота	Описание
H1	Inter	Semi Bold	26	32	Заголовок 1 уровня
H2	Inter	Semi Bold	20	24	Заголовок 2 уровня
H3	Inter	Semi Bold	16	20	Заголовок 3 уровня
H4	Inter	Semi Bold	14	16	Заголовок 4 уровня

Инпуты

Название	Шрифт	Начертание	Размер	Высота	Описание
text-14	Inter	Regular	14	16	Введенные / выбранные данные
text-12	Inter	Regular	12	16	Введенные / выбранные данные
text-area-14	Inter	Regular	14	24	Введенные данные в Text-area
placeholder-14	Inter	Regular	14	16	Текст подсказка, когда данные не выбраны
placeholder-12	Inter	Regular	12	16	Текст подсказка, когда данные не выбраны
placeholder-area-14	Inter	Regular	14	24	Текст подсказка, когда данные не выбраны в Text-area
label	Inter	Semi Bold	12	16	Заголовок формы ввода
helper	Inter	Medium	10	16	Текст пояснения / подсказки

Таблица

Название	Шрифт	Начертание	Размер	Высота	Описание
header-12	Inter	Semi Bold	12	16	Основной текст
text-14	Inter	Regular	14	16	Основной текст
text-12	Inter	Regular	12	16	Акцентные подзаголовки

Общие (chips)

Название	Шрифт	Начертание	Размер	Высота	Описание
text-14	Inter	Regular	14	16	Основной текст