Заголовки (H1–H5):

Стилізовані тактичні та класичні заголовки для HUD-інтерфейсів: h-lamp, h-tactical, h-signal, стандартна ієрархія H1–H5 та блоки вітання. Для кожного варіанта виведено порівняльний 2-колонковий перегляд на світлому/темному тлі, вкладку з HTML-кодом та миттєве копіювання коду окремого заголовка при кліку.

.h-lamp

Заголовок із неоновим індикатором (h-lamp)

Світле тло LIGHT MODE

Заголовок першого рівня

Темне тло DARK MODE

Заголовок першого рівня

DEFAULT

Стандартна ієрархія H1–H5

Світле тло LIGHT MODE

Заголовок першого рівня (H1)

Заголовок другого рівня (H2)

Заголовок третього рівня (H3)

Заголовок четвертого рівня (H4)

Заголовок п'ятого рівня (H5)

Темне тло DARK MODE

Заголовок першого рівня (H1)

Заголовок другого рівня (H2)

Заголовок третього рівня (H3)

Заголовок четвертого рівня (H4)

Заголовок п'ятого рівня (H5)

.h-tactical

Тактичний заголовок (h-tactical)

Світле тло LIGHT MODE

Заголовок першого рівня

Заголовок третього рівня

Заголовок п'ятого рівня

Темне тло DARK MODE

Заголовок першого рівня

Заголовок третього рівня

Заголовок п'ятого рівня

.h-signal

Сигнальний заголовок (h-signal)

Світле тло LIGHT MODE

Заголовок першого рівня

Заголовок третього рівня

Заголовок п'ятого рівня

Темне тло DARK MODE

Заголовок першого рівня

Заголовок третього рівня

Заголовок п'ятого рівня

Налаштування для ВСІХ сторінок по замовчуванню:

Керуйте параметрами виводу та зовнішнім виглядом матеріалів

    <div class="row-ac welcome-ard welpan">
        <div class="welard-logo"><svg class="icon"><use href="#eco-power"></use></svg></div>
        <div class="welard-title">
            <h2>Налаштування для ВСІХ сторінок по замовчуванню:</h2>
            <p>Керуйте параметрами виводу та зовнішнім виглядом матеріалів</p>
        </div>
        <div class="welard-actions">
            <a href="index.php" class="btn">Назад</a>
            <button class="btn-line btn-m" style="--azure: var(--c-green)"><svg class="icon"><use xlink:href="#news"></use></svg>Зберегти</button> 
        </div>
    </div>

Налаштування для ВСІХ сторінок по замовчуванню:

Керуйте параметрами виводу та зовнішнім виглядом матеріалів

    <div class="row-ac welcome-ard s6">
        <div class="welard-logo"><svg class="icon"><use href="#eco-power"></use></svg></div>
        <div class="welard-title">
            <h2>Налаштування для ВСІХ сторінок по замовчуванню:</h2>
            <p>Керуйте параметрами виводу та зовнішнім виглядом матеріалів</p>
        </div>
        <div class="welard-actions">
            <a href="index.php" class="btn">Назад</a>
        </div>
    </div>