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; }