Основа

Типографика

Шкала текста: размеры, начертания и где какой брать

Шрифт SF Pro системным стеком, запасной Inter; моноширинный SF Mono, запасной IBM Plex Mono. Крупнее Display 36/40 текста нет, кроме заголовка интро на главной сайта (DESIGN.md, Typography)

Светлая

Встречи

text-display · Display 36 / 40, 700

Заголовок раздела

text-title · Title 22 / 28, 700

Заголовок в длинном тексте

text-heading · Heading 20 / 28, 600

12:04

text-timer · Timer 32 / 36, 700, tabular

Основной текст приложений: что случилось и что сделать

text-body · Body 15 / 22, 400

Чтение на сайте: колонка текста до 760 px

text-body-web · Body web 16 / 24, 400

Подписи кнопок, строк, чипы

text-label · Label 14 / 20, 500

Мета, второстепенное

text-caption · Caption 13 / 18, 400

ВТ, 10:00 · ПЕРЕГОВОРНАЯ

text-mono · Mono 12 / 16, 400, +0.02em

Тёмная

Встречи

text-display · Display 36 / 40, 700

Заголовок раздела

text-title · Title 22 / 28, 700

Заголовок в длинном тексте

text-heading · Heading 20 / 28, 600

12:04

text-timer · Timer 32 / 36, 700, tabular

Основной текст приложений: что случилось и что сделать

text-body · Body 15 / 22, 400

Чтение на сайте: колонка текста до 760 px

text-body-web · Body web 16 / 24, 400

Подписи кнопок, строк, чипы

text-label · Label 14 / 20, 500

Мета, второстепенное

text-caption · Caption 13 / 18, 400

ВТ, 10:00 · ПЕРЕГОВОРНАЯ

text-mono · Mono 12 / 16, 400, +0.02em