Галерея и media — Baby in Brazil Composition Foundation

Narrative gallery

Media объясняет процесс и контекст

Схематичная семейная история — **История семьи**Контекст, дата, маршрут и проверяемый результат.

Схематичная клиника — **Клиника**Facilities и локация.

Схематичные документы — **Документы**Этап процесса, не юридическое обещание.

Схематичный специалист — **Специалист**Имя, роль и профиль.

Media System contract

Изображение остаётся главным, а caption — компактным и читаемым

Нижний слой используется только как text-safe area. Он не должен занимать треть карточки, скрывать главный объект или превращать gallery tile в тёмную плашку.

Overlay zone16–22%

Рекомендуемая высота зоны подписи относительно карточки.

Dense zone8–12%

Максимальная область наиболее плотного navy тона у нижнего края.

TitleДо 2 строк

Короткое имя объекта или сюжета без рекламного заголовка.

DescriptionДо 2 строк

Контекст, дата, место или роль. Длинный текст переходит в viewer.

Image motion1.018–1.025

Только умеренный scale; layout и caption не двигаются.

FocusВсегда видим

Keyboard focus не зависит от hover и не скрывается overlay.

Inherited vendor application

Swiper и Fancybox применяются в контексте media-композиции

Здесь не повторяется каталог vendor-функций Pre-Phase 1: проверяется только проектная тема, caption, focus и поведение внутри реальной секции.

Applied theme

Клиника

Реальный объект · caption и source

Applied theme

Специалист

Профиль · роль и язык

Applied theme

История семьи

Контекст маршрута · даты

Applied theme

Документы

Этап процесса · ограничения

Fancybox UI остаётся subject to production licensing review; этот preview подтверждает только визуальный и технический контракт наследуемого компонента.

Composition variants

Один визуальный язык для разных типов media

Gallery, clinic, story, specialist, document и video используют общий interaction contract, но сохраняют подходящее соотношение сторон и смысловую роль.

Иллюстрация истории семьи — **Featured story**Крупный narrative media.

Иллюстрация клиники — **Clinic**Facilities и location.

Иллюстрация специалиста — **Specialist**Имя, роль и профиль.

Иллюстрация документов — **Documents**Этап процесса.

Иллюстрация видео-превью — **Video preview**Play affordance вместо zoom.

Иллюстрация коллекции media — **Collection**Серия связанных материалов.

Media roles

Пять ролей изображения

01

Identity

Реальное лицо или объект.

02

Evidence

Подтверждает facility, документ или событие.

03

Orientation

Показывает место или этап.

04

Narrative

Передаёт человеческий контекст кейса.

05

Decoration

Допустима только после смысловых media.

Caption contract

Caption содержит больше, чем название файла

Media

Clinic gallery

Палата послеродового восстановления

Что изображено, почему это важно для маршрута и когда материал был получен.

Source: Baía Sul Mulher · 2026 · permission status recorded

Fallback

Без изображения смысл сохраняется

Media unavailable

Клиника и facilities

Текстовая структура, факты и CTA остаются доступными.

16:9

Зарезервированное соотношение

width/height предотвращают layout shift.