gallery.japanese-asymmetric-pair · Asymmetric pair

A gallery pattern from Japanese Minimal, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 3. Give the section root data-pattern="gallery.japanese-asymmetric-pair". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Exactly two photographs: a 4:5 image in 1–6, and in 8–11 a label and Mincho title (step 5) at the top with a 3:4 image and its caption dropped to the bottom edge of the large one.
Slots
gallery1, gallery2, sectionLabel, title, caption
Grid areas
large 1-6 · text 8-11 · small 8-10 · caption 8-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #F4F1EA · text #2B2925 · heading #1F1D1A · accent #A63A28 · accent2 #D78575 · Shippori Mincho / Zen Kaku Gothic New · radius 0px · space unit 8px (full list in design/tokens.json)
Section
vertical padding step 12

Pattern notes

  • Exactly two photographs: a 4:5 image in 1–6, and in 8–11 a small muted label with a Mincho title (step 5) at the top and a 3:4 image in 8–10 dropped so its caption line meets the large image's bottom edge. Never a grid of thumbnails.

Gallery

Selected work

Corvid Robotics — identity