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
A boxed sidebar on surface (4–11): a 'By the numbers' label, then figures as ruled rows — italic serif number at step 5 on the left, an explanatory sentence on the right.
Slots
sectionLabel, stats[2..5]
Grid areas
sidebar 4-11 (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 sidebar panel on the surface colour, inset to 4–11 with 48 px padding. The label "By the numbers" in small uppercase, then 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 each figure sits above its sentence.

By the numbers

140+

launches shipped

12

years independent

9 of 10

clients return