Add type scale tokens, replace arbitrary font sizes #12
- MA
Seven `--text-*` rungs with line heights declared beside them, replacing eighteen arbitrary font sizes across eight files.
Wide steps from `base` up, where a heading needs to outrank its body by more than weight; narrow below, where the sizes are already near the floor of legibility. Line heights are declared per rung because Tailwind's defaults are computed against Tailwind's sizes, so overriding a size alone would pair new type with the old rhythm.
`--text-*: initial` first, so a rung we do not declare stops resolving to Tailwind's — ours stops at `2xl`/28px and its untouched `3xl` is 30px, two pixels apart, in a change about steps being far enough apart to read as steps.
### The document reads `--plan-body`, not `--text-base`
MDXEditor declares `--text-base: 1rem` on its own root, which sits between `:root` and the prose, so reading the theme token inside the editor returns its value and not ours — the body would have gone to 16px while the scale said 15. `.plan` is outside that root, so it catches the theme's value on the way past and passes it down under a name nothing else claims. Measured in a browser: 16px before, 15px after.
**Worth eyeballing before merge:** three badge labels move from 8px to 11px — the AI avatar in the transcript, presence initials, and the `+N` overflow chip — all inside 20px circles. `+12` in a busy room is the tight one.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
---
### Stack
Merge bottom-up. Each PR targets the one below it, so every diff reads in isolation; GitHub retargets the child automatically as each parent merges.
1. #9 — Emit all theme tokens, fix callout colours, load Inter ← `main` 2. #10 — Add two-stop shadow scale tokens 3. #11 — Add radius tokens and replace bare rounded classes 4. #12 — Add type scale tokens, replace arbitrary font sizes 5. #13 — Add easing and duration tokens, set transition defaults 6. #15 — Add one focus-visible outline rule for all controls 7. #16 — Scale buttons down on press 8. #17 — Add tabular-nums to figures and balance plan headings 9. #18 — Shorten empty states and composer status copy 10. #19 — Add entrance animation for newly arrived items
Plan: `docs/superpowers/plans/2026-08-04-design-token-foundation.md`
MaggieAppletonreferenced this in Emit all theme tokens, fix callout colours, load Inter #93 months ago on GitHub
MaggieAppletonreferenced this in Add two-stop shadow scale tokens #103 months ago on GitHub
MaggieAppletonreferenced this in Add radius tokens and replace bare rounded classes #113 months ago on GitHub
MaggieAppletonreferenced this in Add easing and duration tokens, set transition defaults #133 months ago on GitHub
MaggieAppletonreferenced this in Add one focus-visible outline rule for all controls #153 months ago on GitHub
MaggieAppletonreferenced this in Scale buttons down on press #163 months ago on GitHub
MaggieAppletonreferenced this in Add tabular-nums to figures and balance plan headings #173 months ago on GitHub
MaggieAppletonreferenced this in Shorten empty states and composer status copy #183 months ago on GitHub
MaggieAppletonreferenced this in Animate newly received messages and status indicators #193 months ago on GitHub
MaggieAppletonbase-ref-force-pushed3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed 474170d901cf3 months ago on GitHub
MaggieAppletonrenamed Step the type far enough apart to be read as steps to Add type scale tokens, replace arbitrary font sizes3 months ago on GitHub
MaggieAppletonbase-ref-force-pushed3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed c6feee2994033 months ago on GitHub
MaggieAppletonbase-ref-force-pushed3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed e7458b70d8303 months ago on GitHub
MaggieAppletonbase-ref-force-pushed3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed 1a8fbf1822e03 months ago on GitHub
MaggieAppletonbase-ref-force-pushed3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed 8277aba70d583 months ago on GitHub
MaggieAppletonautomatic-base-change-succeeded3 months ago on GitHub
MaggieAppletonhead-ref-force-pushed 6b88a963737c3 months ago on GitHub
MaggieAppletonmerged 2433319575253 months ago on GitHub
MaggieAppletonhead-ref-deleted3 months ago on GitHub