From dff47766e130c8610735bc78f6af867d2413d744 Mon Sep 17 00:00:00 2001 From: Yutaka Kondo Date: Mon, 27 Apr 2026 12:37:31 -0700 Subject: [PATCH 1/2] docs(landing): use OpenDyslexic on prominent display elements MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The product is a tutor for dyslexic readers — the landing page now reads its own headlines in a dyslexia-friendly font where it counts. Swap Fraunces → OpenDyslexic on: top-nav brand, hero wordmark, hero tagline, every section h2 (incl. dark L1 slab), the L1 substitution rows, the big stat numerals, the workflow memo i./ii./iii., and the footer brand. Body copy, p.lede, h3/h4 sub-heads, drop cap, and JetBrains-Mono labels are intentionally left in their original stack — the contrast is the design. Tame the giant clamp() sizes and negative letter-spacing on those rules: OpenDyslexic runs noticeably wider and taller than Fraunces, and the heavy -.04em tracking that worked for Fraunces would crush OpenDyslexic's weighted baselines and overflow the hero column. Self-checked in Chrome (localhost): all four OpenDyslexic faces load, all targeted selectors resolve to OpenDyslexic in computed style, non-targeted text keeps Spectral / Fraunces / JetBrains Mono, no horizontal overflow at 756px viewport. Co-Authored-By: Claude --- docs/index.html | 92 ++++++++++++++++++++++++++++--------------------- 1 file changed, 53 insertions(+), 39 deletions(-) diff --git a/docs/index.html b/docs/index.html index 7442a25f..6ad28598 100644 --- a/docs/index.html +++ b/docs/index.html @@ -15,7 +15,9 @@ + +