testimonial.editorial-magazine-pull-quote · Pull quote

A testimonial pattern from Editorial Magazine, 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="testimonial.editorial-magazine-pull-quote". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A quote in italic display serif at step 5 on the 3–10 measure between two hairlines, attribution in small uppercase under it.
Slots
quote, author, role
Grid areas
quote 3-10 (12-column grid, 1-based inclusive spans)
Tokens
bg #FDF9F4 · text #241E16 · heading #150E06 · accent #9B2234 · accent2 #D26F74 · Playfair Display / Source Serif 4 · radius 0px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A hairline on 2–11, the quote in italic display serif at step 5, weight 400, max ~34 ch (opening quotation mark in the accent colour hung into column 1), then the attribution — name in small uppercase tracked body face (weight 600) and the role in italic — and a closing hairline. Nothing else in the section. At phone width the quote drops to step 3.
“They understood our product faster than our own sales team did.”

Hanna Lindqvist

CEO, Corvid Robotics