<section class="ui_section" id="typography">
    <h2 class="ui_section_title">Typography</h2>

    <div class="ui_block">
        <h1>Heading H1</h1>
        <h2>Heading H2</h2>
        <h3>Heading H3</h3>
        <h4>Heading H4</h4>
    </div>

    <div class="ui_block">
        <p class="text_primary">
            Основной текст интерфейса. Используется для контента.
        </p>
        <p class="text_secondary">
            Вторичный текст, комментарии, подписи.
        </p>
        <p class="text_muted">
            Приглушённый текст, подсказки.
        </p>
    </div>

    <div class="ui_block">
        <code class="text_code">
            console.log("IBM Plex Mono");
        </code>
    </div>
</section>