Функциональная типографика / FTY

Десять текстовых ролей, через которые компоненты получают начертание. Роль ссылается на абсолютную матрицу TXT; цвет берётся из FCL по тому же принципу слоёв и акцентов.

Грамматика

FTY/<роль>
FTY/HD2 — заголовок 2: Roboto Flex Medium 24

Вертикальный ритм

Отдельных токенов ритма нет — он задан раскладкой секции FTY и собирается из шкалы SPC. Этот же ритм применён ко всем страницам DNA.

Отношение Значение Токен
Заголовок → контент блока 24 SPC/SZM
Заголовок → группа разделов (фреймовое) 64 SPC/XXL — на страницах не задаётся отдельно: разделы несут свой верхний ритм 48+1+24
Блок → подпись следующего раздела 48 SPC/SXL (линия-разделитель витрины FTY на страницах не воспроизводится)
Подпись раздела → контент 24 SPC/SZM
Контент → подраздел 48 SPC/SXL
Блок → блок внутри раздела 24 SPC/SZM
Цитата → имя автора 4 SPC/XXS
Поля страницы 48 SPC/SXL

Роли

FTY/HD1
Header 1 — заголовок первого уровня
TXT: XXL · есть переменная

Header 1

FTY/HD2
Header 2 — заголовок второго уровня
TXT: SXL · есть переменная

Header 2

FTY/HD3
Header 3 — заголовок третьего уровня
TXT: SZL · есть переменная

Header 3

FTY/PAR
Paragraph — обычный текст абзаца
TXT: SZM · есть переменная

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

FTY/PRP
Paragraph positive — абзац «успех»
TXT: — · нет переменной

Параграф, отмеченный знаком успеха.

FTY/PRA
Paragraph attention — абзац «внимание»
TXT: — · нет переменной

Параграф, требующий внимания.

FTY/PRN
Paragraph negative — абзац «ошибка»
TXT: — · нет переменной

Параграф ошибки: что-то пошло не так.

FTY/QTE
Quote — цитата
TXT: — · нет переменной

«Цитата — дословная выдержка из текста.»

FTY/QTE_AUT
Quote with author name — имя автора цитаты
TXT: — · нет переменной

Someone Name

FTY/FTN
Footnote — сноска
TXT: XXS · нет переменной

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Эти роли применены и к самой документации DNA: заголовки страниц — HD1/HD2/HD3, текст — PAR, подписи — FTN. Порядок ролей и подписи повторяют секцию FTY в Figma: Header 1–3, Paragraph, Paragraph positive / attention / negative, Quote, Quote with author name, Footnote. Там же показаны демо-кейсы обтекания абзацем изображения слева и справа — это применения PAR, а не отдельные роли.
HD1 — единственная роль на шрифте Inter (Medium 500); остальные — Roboto Flex. Роли HD1, HD2, HD3, PAR существуют и как шрифтовые переменные; остальным переменные предстоит создать.
Несоответствие в реестре стилей Figma: роль подписана QTE_AUT, а сам стиль называется FTY/QTE_OUT. Следует переименовать стиль в FTY/QTE_AUT.