Базовая типографика задаёт размеры заголовков, текстовые состояния и моноширинный код. Используй семантические теги, а служебные классы добавляй для вариаций текста.
Основной текст интерфейса. Используется для контента.
Вторичный текст, комментарии, подписи.
Приглушённый текст, подсказки.
console.log("IBM Plex Mono");
<h1 class="contrast">Dashboard</h1>
<p class="text-primary">Основной текст интерфейса.</p>
<p class="text-muted">Приглушённая подсказка.</p>
<code class="code">console.log("GNexus")</code>