style(brand): swap appbar wordmark to Archivo Black (Pantone-adjacent)#294
Merged
Conversation
Tim 2026-06-05: > I don't like the font we're using as the logo font. It's fine in > the text in the body of the website as we have it, but in the top > right next to our football gold football icon mark, can you please > substitute the font we're using now with something like this > Pantone font that I found? Pantone's wordmark is essentially Helvetica Bold all-caps with a squarish geometric weight. The closest free / OFL-licensed match on Google Fonts is Archivo Black (Omnibus-Type), deliberately designed as a Helvetica-Bold-adjacent face. Wired up as a self-hosted woff2 pair (latin + latin-ext, ~33KB total) so the wordmark renders consistently across all 22 site locales without a third-party CDN hop. * New @font-face block in globals.css declares the face with the proper unicode-range split so the browser only pulls latin-ext if it actually needs an extended glyph (it won't for "Tournamental FWC2026", but a localised page title elsewhere might). * `.vt-appbar-wordmark` in shell.css overrides the inherited Fraunces with Archivo Black + uppercase + 0.02em tracking + a smaller 0.95rem size so the new heavier face stays inside the 56px appbar row budget. `!important` on the family because the span also carries the `.vt-wordmark` utility class which sets Fraunces at equal specificity. * Matching swap on `.vt-drawer-brand-name` so the slide-out menu's logo reads as the same brand mark, not a different editorial face. Body editorial (Fraunces) is unchanged everywhere else: headlines, press surfaces, countdown digits, leaderboard hero values etc all keep the serif. Only the two brand-chrome surfaces flip. 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: the editorial Fraunces face was reading as too literary next to the gold ball icon in the appbar. Replaced with Archivo Black (Omnibus-Type, OFL) — a heavy geometric sans deliberately designed as a Helvetica-Bold-adjacent face, which gives the wordmark the squarish Pantone-card weight Tim asked for.
Self-hosted (~33KB latin + latin-ext woff2 pair). Body editorial Fraunces is unchanged; only the appbar wordmark + matching drawer brand name flip. Uppercase + 0.02em tracking + smaller 0.95rem size so the heavier face stays inside the 56px appbar row.
Sitting on dev for sign-off — easy to swap to a different free font (Inter Black, Bebas Neue, Space Grotesk Bold etc) if Tim doesn't like this one.