gallery.editorial-magazine-photo-essay · Photo essay

A gallery pattern from Editorial Magazine, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 5. Give the section root data-pattern="gallery.editorial-magazine-photo-essay". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A 21:9 lead photograph across 1–12, then a 4:3 on 1–7 and a 3:4 on 9–12, bottom-aligned; the lead and the portrait each carry a small caption.
Slots
sectionLabel, gallery1, gallery2, gallery3
Grid areas
lead 1-12 · left 1-7 · right 9-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #9B2234 · accent2 #D26F74 · Playfair Display / Source Serif 4 · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Section label above. Photo 1 at 21:9 across the full grid with caption. Then photo 2 (4:3) on 1–7 and photo 3 (3:4) on 9–12, bottom-aligned so both share a baseline; column 8 stays empty. Photo 3 carries its own small caption under it, like photo 1; never repeat a caption. Captions never sit on the image. At phone width photos stack full width.

Gallery

Corvid Robotics — identity
Corvid Robotics — identity