gallery.swiss-modular · Modular gallery

A gallery pattern from Swiss International, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 4. Give the section root data-pattern="gallery.swiss-modular". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Three photographs on a modular grid: 1–7 landscape, 8–12 portrait, 4–7 square, with the caption hanging in 1–3 beside the square. No equal-size thumbnails.
Slots
sectionLabel, title, gallery1, gallery2, gallery3, caption
Grid areas
label 1-3 · title 4-12 · large 1-7 · tall 8-12 · square 4-7 · caption 1-3 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAFAFA · text #1F1F1F · heading #0F0F0F · accent #E2271D · accent2 #850001 · Inter Tight / Hanken Grotesk · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • Section label 1–3, h2 4–12. Then three photographs on the module: a 3:2 landscape on 1–7, a 4:5 portrait on 8–12 spanning two rows, and a 1:1 square on 4–7 under the landscape. The caption hangs at the bottom of 1–3 beside the square. Square corners, no hover zoom, no equal thumbnails.

Gallery

Selected work

Corvid Robotics — identity