Industry
Publishing / Media
Client
Medium
Reset how Medium designs: from a fragmented legacy system to a modern, token-driven design system built to scale.
The Problem
Medium's design system was outdated and inconsistent, with mismatched color tokens, a $140k/year font license for Charter, and no structured path from design to code.
The Scale
The type ramp, top to bottom
Aa
Display 56px / Bold
Aa
Heading 1 40px / Bold
Aa
Heading 2 32px / Semibold
Aa
Heading 3 24px / Semibold
Aa
Body 18px / Regular
Aa
Caption 14px / Regular
Spacing scale (8pt grid)
4
8
16
24
32
48
64
