stats.broadsheet-market-table · Market table

A stats pattern from Broadsheet Newspaper, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 5. Give the section root data-pattern="stats.broadsheet-market-table". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
Label, head and a note on 1–4; on 5–12 a boxed, tightly ruled data table: name left, a muted mono note, the value right-aligned in mono. One line per row on every width (the note hides on phone).
Slots
sectionLabel, title, body, stats[4..8]
Grid areas
label 1-4 · table 5-12 (12-column grid, 1-based inclusive spans)
Tokens
bg #F4F0E6 · text #1B1A17 · heading #0D0C0A · accent #872824 · accent2 #BE6D65 · UnifrakturMaguntia / Newsreader · radius 0px · space unit 6px (full list in design/tokens.json)

Pattern notes

  • A small-caps label, a bold head at step 4 and an italic note on 1–4. On 5–12 a boxed (1 px) data table with tight hairline rows (8 px): the name in bold body serif on 1–5, the change or note in muted mono on 6–9 (hidden on phone), the value right-aligned in body-size mono on 10–12. Every row stays on one line at phone width. Works for scores, weather, opening times or a price list.

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.

launches shipped

140+

years independent

12

clients return

9 of 10

average lift in demo requests

31%