Базовая типографика задаёт размеры заголовков, текстовые состояния и моноширинный код. Используй семантические теги, а служебные классы добавляй для вариаций текста.
Lead text выделяет вводный абзац, описание страницы или важный контекст перед набором действий.
Основной текст интерфейса. Используется для контента.
Вторичный текст, комментарии, подписи.
Приглушённый текст, подсказки.
Caption text для технических подписей, footnote и compact metadata.
Состояния текста: success, warning, danger, info.
Inline code npm run build и keyboard hint esc.
Интерфейс должен оставаться читаемым даже в плотных технических сценариях. GNexus UI Kit
<h1 class="contrast">Dashboard</h1>
<span class="eyebrow">System label</span>
<p class="text-lead">Вводный текст страницы.</p>
<p class="text-primary">Основной текст интерфейса.</p>
<p class="text-muted">Приглушённая подсказка.</p>
<code class="code">npm run build</code>
<span class="kbd">esc</span>