stats.editorial-magazine-by-numbers · By the numbers

A stats pattern from Editorial Magazine, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 6; about page, section 2. Give the section root data-pattern="stats.editorial-magazine-by-numbers". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Eyebrow, an italic h2 at step 4 and a short paragraph on 1–4; on 5–12 a surface panel listing 2–5 figures, each an italic numeral at step 5 beside a lead-size line, ruled between.
Slots
sectionLabel, title, body, stats[2..5]
Grid areas
title 1-4 · figures 5-12 (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

  • On 1–4, top-aligned: the kicker "By the numbers" (small uppercase, accent), an italic h2 at step 4 (max 14 ch) and a short paragraph. On 5–12, a sidebar panel on the surface colour with 48 px padding: two to five rows separated by hairlines, the figure in italic display serif at step 5 on the left third, a full explanatory sentence at lead size on the right two thirds. At phone width the title block comes first and each figure sits above its sentence.

By the numbers

Twelve years in numbers

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.

140+

launches shipped

12

years independent

9 of 10

clients return