Типографика
Шрифтовые пары Nupek - Manrope для интерфейса и текста, JetBrains Mono для буквальных копируемых строк.
Nupek использует два шрифта с чёткой границей ответственности между ними.
Manrope - интерфейс и текст
Manrope (начертания 400, 500, 600, 700, 800) - единственный шрифт для интерфейса, заголовков, параграфов, лейблов полей, кнопок и тегов статусов. Он используется везде, где текст читают, а не копируют.
Manrope 800 - заголовки
Manrope 600 - подзаголовки, лейблы кнопок
Manrope 500 - акцентный текст, лейблы полей
Manrope 400 - основной текст гайдов и интерфейса
JetBrains Mono - только буквальные строки
JetBrains Mono (400, 500) применяется исключительно к тексту, который разработчик может скопировать и вставить как есть: команды терминала, номера версий, хеши коммитов, HEX-коды цветов, значения CSS-переменных.
#2E5F91JetBrains Mono не используется в лейблах интерфейса, заголовках, тегах статусов или основном тексте - даже если рядом находится код. Смешение остаётся понятным, потому что моно-шрифт появляется только там, где есть буквальное значение для копирования.
Масштаб
| Уровень | Размер | Начертание | Где используется |
|---|---|---|---|
| Заголовок 1 | 32-48px (clamp) | 800 | Заголовок страницы |
| Заголовок 2 | 24-34px (clamp) | 700 | Разделы гайда |
| Заголовок 3 | 20-24px (clamp) | 700 | Подразделы |
| Основной текст | 16px | 400 | Параграфы |
| Мелкий текст | 14px | 400-500 | Подписи, hint-тексты |