🎰 System Blocks Test

Standard Blocks Full Revision Page

Эта страница содержит все 13 системных блоков HCMS + 8 встроенных Editor.js. Каждый блок реагирует на переменные темы.

🎁 Welcome Bonus 100% ⚡ Fast Withdrawals 🔒 Secure & Licensed 💰 Big Jackpots

Hero Section Block

Простой hero: заголовок, подзаголовок и CTA-кнопка, стилизуемая токенами темы (--btn-*).

Get Started

Абзац с ссылкой и жирным. Цвета ссылок берутся из токенов --link-color/--link-hover-color.

Цитата с левой границей цвета --primary и фоном --muted.

Ещё один абзац после цитаты.

Это встроенный paragraph-блок. Он рендерится через дефолтные стили лейаута и темы.

Встроенная цитата Editor.js — проверка типографики темы.
Автор цитаты

Колонка A	Колонка B	Колонка C
A1	B1	C1
A2	B2	C2

Контент первой колонки. На мобильном колонки складываются в одну.

Контент второй колонки с ссылкой и списком:

Картинка справа (imageOnRight=true), текст слева. Сетка 1fr/1fr симметричная.

Подпись под видео — muted-foreground

Feature	Basic	Pro	Enterprise
Storage	5GB	50GB	Unlimited
Users	1	10	Unlimited
Support	Email	Priority	24/7 Dedicated

Как блоки реагируют на тему?

Все цвета, радиусы, шрифты и отступы берутся из CSS-переменных темы (--primary, --card-radius, --section-spacing и т.д.).

Что с мобильной версией?

Сетки складываются: gallery 3→2→1, columns N→1, media+text 2→1.

Вопрос с длинным ответом из двух абзацев?

Первый абзац ответа.

Второй абзац — отступ между ними 12px.

Overlay поверх картинки — текст читаем всегда

Фоновая картинка затемняется слоем --overlay-bg. Кнопка стилизуется токенами --btn-*.

Встроенный raw HTML блок