From a1f29c58f79c59139dd43cdfa638c0debaa01dea Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Wed, 21 Oct 2026 08:25:01 +0800 Subject: [PATCH] fix: use lining figures for tier prices Sponsorship tier prices rendered in Cormorant Garamond's default old-style figures, so zeros sat at x-height and the 5 dropped below the baseline, making "$500" hard to read. Co-Authored-By: Claude --- DESIGN.md | 1 + website/static/style.css | 1 + 2 files changed, 2 insertions(+) diff --git a/DESIGN.md b/DESIGN.md index 8cad2e73..eaa53b20 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -116,6 +116,7 @@ Hard-won sizing rules (do not relax): - **When in doubt, pick one step larger** than what generic scale references suggest (`--text-base` over `--text-sm`, 1.75rem over 1.5rem for a heading). The maintainer has corrected sizes upward 11+ times across 8 sessions. Footer, meta rows, expand content, labels, and headings all trend too small by default. **Never reduce an existing size unprompted.** - Adjacent heading levels differ by at least 0.25rem of rendered size. - Row numbers in the table: left-align, no leading zeros. Zero-padding was tried and rejected. +- **Cormorant Garamond numerals use lining figures** (`font-variant-numeric: lining-nums`). Its default old-style figures shrink zeros to x-height and drop 3/4/5/7/9 below the baseline, so a price like `$500` reads as `$5oo`. - **Never `text-transform`.** Write the casing in the markup. ## Layout diff --git a/website/static/style.css b/website/static/style.css index 4e0ea619..2a61b6cb 100644 --- a/website/static/style.css +++ b/website/static/style.css @@ -1434,6 +1434,7 @@ th[data-sort].sort-asc::after { font-weight: 600; line-height: 0.9; letter-spacing: -0.025em; + font-variant-numeric: lining-nums; color: var(--ink); }