gallery.luxury-product-pair · Product pair

A gallery pattern from Luxury Fashion, 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.luxury-product-pair". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Two products on ivory: a 4:5 shot on 2–5 and a second on 8–11 set one row lower; the caps name, a muted line and an underline link sit above the second, so the pair reads as a diagonal.
Slots
gallery1, gallery2, title, body, cta
Grid areas
first 2-5 · caption 8-11 · second 8-11 (12-column grid, 1-based inclusive spans)
Tokens
bg #FAF8F4 · text #1A1A1A · heading #0A0A0A · accent #111111 · accent2 #5C4311 · Bodoni Moda / Jost · radius 0px · space unit 8px (full list in design/tokens.json)
Section
background surface

Pattern notes

  • On the `surface` band: a 4:5 product shot on 2–5 (rows 1–2) and a second on 8–11 set one row lower (rows 2–3). Above the second, on 8–11 and bottom-aligned in row 1: the product name in caps, a muted line and a small underline link. Never a price in bold.

Selected work

Each engagement starts with a two-week audit: interviews with customers, sales and the people who build the product. The brief writes itself after that.

Start a project