features.luxury-collection-index · Collection index

A features pattern from Luxury Fashion, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 2. Give the section root data-pattern="features.luxury-collection-index". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule

Collections as a ruled index of huge italic names: a tiny number in column 1, the name at step 5 on 2–9, a caps detail bottom-right on 10–12.

Slots

sectionLabel, items[3..6]

Grid areas

number 1-1 · name 2-9 · detail 10-12 (12-column grid, 1-based inclusive spans)

Notes

On hover, a small image of the collection may follow the cursor; never show it as a thumbnail column.

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)

• Desktop 1440
• Tablet 834
• Phone 390