content.luxury-editorial-spread · Editorial spread

A content pattern from Luxury Fashion, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 3; about page, section 1. Give the section root data-pattern="content.luxury-editorial-spread". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A 4:5 photograph on 1–6 over two rows; on 8–12 the italic h2 at step 5 at the top, and a square detail photograph, a lead paragraph and an underline link at the bottom.
Slots
image, gallery1, sectionLabel, title, body, cta
Grid areas
image 1-6 · copy 8-12 · detail 8-10 (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)

Pattern notes

  • A 4:5 photograph on 1–6 spans two rows. On 8–12, top-aligned in the first row: a caps label and the h2 at step 5 in italic (max 12 ch). Bottom-aligned in the second row: a square detail photograph on 8–10 (hidden on phone), one lead paragraph (max 46 ch) and a small underline link. Column 7 stays empty.

About

How we think

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