archilyzer

commit 78ed7a718bf059848897688f3bf1c872cc9c05ca
parent acd24a1833e782bccb6f921ee7bca74527aad59d
Author: I Mean I'm Just Saying <imeanimjustsaying@kiwifarms.st>
Date:   Fri, 25 Sep 2026 22:38:11 -0400

common, export: S1's wordmark and header mark read the base × accent tokens (brand S2, post-merge)

Wordmark's font was `var(--font-grotesk, var(--font-display))`. --font-grotesk
no longer exists now that fonts.ts makes Archivo (with wdth) --font-display
itself, so it is just `var(--font-display)`, and the comment says so.

headerMarkPalette's `var(--brand-mark, var(--brand))` is unchanged. tokens.css
now defines --brand-mark everywhere: a Signal default on :root, then each
data-accent rule. The comment that it was not defined yet is corrected.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

Diffstat:
M
common/components/Wordmark.tsx
 | 
9
++++-----
M
export/app/lib/brand.ts
 | 
5
+++--

2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/common/components/Wordmark.tsx b/common/components/Wordmark.tsx
@@ -11,10 +11,9 @@ import { splitWordmark } from "../lib/brand";
 // not "Jer alyzer"). Do not make this element `flex`: that would blockify the
 // spans and the browser would put a space between them in the name.
 //
-// Size, leading and truncation come from `className`. The face is Archivo
-// wherever it is loaded: `--font-grotesk` names it until the themes slice makes
-// Archivo the display face everywhere, after which the fallback is the same
-// face and the first term can go.
+// Size, leading and truncation come from `className`. The face is Archivo,
+// the display face on every base (common/styles/fonts.ts `--font-display`,
+// with the `wdth` axis the stretch needs).
 export function Wordmark({
   title,
   lead,
@@ -30,7 +29,7 @@ export function Wordmark({
       className={className}
       data-wordmark=""
       style={{
-        fontFamily: "var(--font-grotesk, var(--font-display))",
+        fontFamily: "var(--font-display)",
         fontStretch: "118%",
       }}
     >
diff --git a/export/app/lib/brand.ts b/export/app/lib/brand.ts
@@ -17,8 +17,9 @@ export function iconPalette(): IconPalette {
 // The header mark's palette. On a site it is the icon's ink tile, but its lit
 // line follows the READER's accent — `--brand-mark` is the picked accent's
 // on-dark value (the tile is always ink) — while the favicon keeps the site's
-// default. Until the base × accent tokens define `--brand-mark`, it falls back
-// to `--brand`. The hub's mark is the parent mark and does not follow.
+// default. tokens.css defines `--brand-mark` on every page (a Signal default on
+// `:root`, then each `html[data-accent]` rule); the `--brand` fallback is only a
+// guard. The hub's mark is the parent mark and does not follow.
 export function headerMarkPalette(): BrandMarkPalette {
   return instanceMode() === "hub"
     ? ICON_PALETTES.archilyzer