From e58776fba6a850d4de18e2aee9c82cc6b13bc875 Mon Sep 17 00:00:00 2001 From: Emi Griffith Date: Fri, 17 Jul 2026 22:19:39 -0700 Subject: [PATCH] Wordmark: larger capital-case monospace treatment (#171) Swap the header wordmark from the lowercase Inter treatment to a monospace system stack (ui-monospace / SF Mono / Cascadia / Menlo / Consolas), bump it 22->26px (compact headers 18->21px), and restore the capital T by dropping the lowercase transform. No webfonts. Claude-Session: https://claude.ai/code/session_01KdTZCjpLeD26ZbXe6ApjpR --- static/style.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/static/style.css b/static/style.css index cf663d1..e8b236f 100644 --- a/static/style.css +++ b/static/style.css @@ -73,15 +73,20 @@ header { } .logo svg { width: 28px; height: 28px; display: block; } h1 { margin: 0; font-size: 22px; letter-spacing: -0.02em; } -/* Brand wordmark: lowercase beside the mark; 650 resolves to the nearest - installed weight of the system stack (no webfonts). */ -.brand h1 { text-transform: lowercase; font-weight: 650; } +/* Brand wordmark: monospace stack (instrument/data feel, no webfonts) beside + the mark, larger than the old Inter treatment. */ +.brand h1 { + font-family: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, "Liberation Mono", monospace; + font-weight: 700; + font-size: 26px; + letter-spacing: -0.04em; +} .tag { margin: 2px 0 0; color: var(--muted); font-size: 13px; } /* Compact header (e.g. Calendar): no tagline, roughly half the height. Only the vertical padding is trimmed so the responsive side padding stands. */ header.compact { padding-top: 9px; padding-bottom: 9px; } header.compact .logo svg { width: 22px; height: 22px; } -header.compact h1 { font-size: 18px; } +header.compact h1 { font-size: 21px; } main { max-width: 1200px; margin: 0 auto; padding: 20px 24px 60px; }