Назад в каталог блоков

gallery grid

Платформа: Универсальный. Назначение: блок «gallery grid» из категории «8.4. Медиа». Стиль блока — visual/showcase: приоритет у медиа, выразительная композиция, контролируемая декоративность и плавные reveal-анимации.&nb...

Платформа Универсальный Категория 8.4. Медиа Код universalnyy__8-4-media__gallery-grid__003
gallery grid
Описание

Платформа: Универсальный. Назначение: блок «gallery grid» из категории «8.4. Медиа». Стиль блока — visual/showcase: приоритет у медиа, выразительная композиция, контролируемая декоративность и плавные reveal-анимации.  Фон блока: фон блока поддерживает визуал и не спорит с ним: однотонный, градиентный или нейтральный; допускаются рамки, подложки, маски и слабый blur.  Картинки / медиа: 2–12 изображений; расположение grid, masonry, carousel или collage; размеры ячеек задаются в процентах, обычно 25/33/50/100%; форма прямоугольная, квадратная или скругленная; hover — zoom, tilt, reveal-caption; mobile — 1–2 колонки или свайпер.  Заголовок: заголовок 30–48px desktop / 24–32px mobile, расположен над сеткой или слева от неё.  Надзаголовок: надзаголовок опционален, как краткая категория или label.  Подзаголовок: подзаголовок описывает тему галереи и допускает 1–2 строки.  Текст: основной текст короткий, чтобы не отнимать внимание у визуала.  Ссылки: ссылки могут вести к lightbox, коллекции, проектам или карточке кейса.  Кнопки CTA: CTA — просмотреть все, открыть галерею, смотреть кейс; кнопка вторична относительно самих карточек.  Поведение / анимация / адаптивность: галерея должна учитывать lazy-load, lightbox, клавиатурную навигацию, подписи, счётчик слайдов и адаптацию на mobile без обрезки важных деталей Дополнительно учитывать доступность, контрастность, reduced-motion, hover/focus/active states, lazy-load медиа, производительность и реальный mobile-first сценарий.