A type scale is a sequence of font sizes built on a single ratio — so every size in your system is mathematically related to every other.
Pick a base size (usually 16px) and a ratio (1.25 is modest, 1.5 is expressive) and multiply up and down from there.
Token each step by role — –text-sm, –text-base, –text-xl — not by value.
The result is a UI where headings and body always feel like they belong to the same system, and resizing one step never breaks the harmony of the rest.
