style(brand): swap appbar wordmark to Saira variable, weight 300, sentence case#295
Merged
Conversation
…tence case Tim 2026-06-05 reaction to the Archivo Black swap: > It's a bit too heavy for my liking. I tried to change the font > weight, as you can see in DevTools here, from 400 to 300 and then > 200, but nothing worked. It still stayed quite heavy. I want > something a little bit finer. Also, you said it's tall and > condensed. This one looks a little bit short and fat. Two real problems with the previous swap: 1. Archivo Black is a SINGLE-WEIGHT face; the 200 / 300 weights Tim scrubbed in DevTools had nothing to resolve to so the browser fell back to the one available weight (400-equivalent Black). No actual lightening happened. 2. Archivo Black is wide + squat, not tall (I misdescribed it). Replaces with Saira variable (latin + latin-ext woff2, full wght 100..900 axis at width 100%, ~58KB total). DevTools weight scrubbing now actually moves the rendered weight because the variable axis is preserved on the @font-face. Tim also asked for sentence case instead of all caps. Dropped the `text-transform: uppercase` and went to a slightly larger 1.1rem size (the lighter face needs the extra height to read). The drawer brand name + the appbar wordmark both flip together so the two surfaces stay visually consistent. Body editorial Fraunces still drives every other display surface (headlines, press release, leaderboard hero values, countdown digits). The two Archivo Black woff2 files are deleted; net repo size change is +~25KB after the swap. Refs: docs/internal/home-polish-spec.md Signed-off-by: Tim Thomas <0800tim@gmail.com>
Auto-triage: GREEN — auto-triage clearRisk score: 0/100
No flags raised by the automated scanners. A human reviewer will still take a look. Labels applied: Posted by |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Tim 2026-06-05 reaction to the Archivo Black swap: too heavy, DevTools weight scrubbing didn't work (because Archivo Black is single-weight), and the wide/squat letterforms read wrong.
Replaces with Saira variable font (wght 100..900 at width 100%, latin + latin-ext woff2, ~58KB total). Variable axis means DevTools weight scrubbing now actually moves the rendered weight. Default weight 300, sentence case (not all caps), slightly larger 1.1rem size so the lighter face still reads at appbar scale.
Drawer brand name + appbar wordmark flip together. Body editorial Fraunces is unchanged everywhere else (headlines, press release, leaderboard hero, countdown digits).