Viewer theme
- Navy backdrop и умеренный blur
- Close / previous / next / zoom
- Caption, source и context link
- Escape и возврат focus
- Thumbnail strip только для серий
Page patterns
Галерея
Галерея как тематический хаб, а не бесконтекстная мозаика изображений.
Gallery hub
Галерея начинается с темы и контекста
Реальные клиники, команда и истории семей
Каждый набор media связан с темой, объектом, датой и назначением.
Галерея не должна быть бесконтекстной мозаикой
Caption, source и переход к профильной странице обязательны для доказательного media.
Gallery interaction contract
Default, hover, focus и viewer образуют одну систему
Hover добавляет мягкое затемнение и центральный affordance; caption остаётся на месте. Keyboard focus использует собственное кольцо, а Fancybox продолжает тот же navy/teal visual language.
Detail overlay
Просмотр media сохраняет caption и ссылку на контекст
Fallback and performance
Media page остаётся устойчивой
Responsive derivatives и width/height для каждого изображения.
First visible media не lazy-load, остальные ниже fold — lazy.
Alt описывает назначение, декоративное media имеет пустой alt.
Keyboard и Escape доступны в viewer.
Caption не скрывается только за hover.
При отсутствии media карточка сохраняет title/context/action.