From 0c05cb8d2b84051f353273088e7ac7397e8da09d Mon Sep 17 00:00:00 2001 From: Paul Bakaus Date: Fri, 29 May 2026 12:08:08 -0700 Subject: [PATCH] Lighten the IMPECCABLE wordmark from weight 500 to 400 The lockup read a touch heavy. Drop the brand wordmark to 400 across the header, footer, and the .ks-wordmark kit primitive so it stays consistent everywhere. Alumni Sans was only loaded at 500/600/700, so 400 is added to the font request (otherwise it would snap back to 500). DESIGN.md synced. Co-Authored-By: Claude Opus 4.8 (1M context) --- DESIGN.md | 6 +++--- site/layouts/Base.astro | 2 +- site/styles/kinpaku-kit.css | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/DESIGN.md b/DESIGN.md index 80bc90f4b..808ab90fb 100644 --- a/DESIGN.md +++ b/DESIGN.md @@ -45,7 +45,7 @@ typography: # reads too thin in the small lockup, so the wordmark uses the solid cut. fontFamily: "Alumni Sans, Alumni Sans Pinstripe, Albert Sans, Arial, sans-serif" fontSize: "1.3rem" - fontWeight: 500 + fontWeight: 400 letterSpacing: "0.15em" lineHeight: 1 display: @@ -183,7 +183,7 @@ Every class below is a global primitive. Drop it on any element on any page usin - `.ks-brand` — wrapper for the brand mark + wordmark lockup (anchor or div). - `.ks-mark` — the carved-tile glyph (a solid kinpaku square split by a diagonal slash), 38×38, no container border. -- `.ks-wordmark` — the IMPECCABLE wordmark text, solid Alumni Sans (`--ks-font-wordmark`), uppercase, weight 500, letter-spacing 0.15em. +- `.ks-wordmark` — the IMPECCABLE wordmark text, solid Alumni Sans (`--ks-font-wordmark`), uppercase, weight 400, letter-spacing 0.15em. **Section scaffolding** @@ -310,7 +310,7 @@ The voice is geometric and restrained. The pinstripe display face is reserved fo ### Hierarchy -- **Wordmark**: solid Alumni Sans (`--ks-font-wordmark`), weight 500, uppercase, `1.3rem`, letter-spacing `0.15em`. Brand lockup only. The pinstripe sibling reads too thin at lockup size, so the wordmark uses the weightable cut. +- **Wordmark**: solid Alumni Sans (`--ks-font-wordmark`), weight 400, uppercase, `1.3rem`, letter-spacing `0.15em`. Brand lockup only. The pinstripe sibling reads too thin at lockup size, so the wordmark uses the weightable cut. - **Display · h1**: Alumni Sans Pinstripe, `clamp(3.4rem, 6.5vw, 5.6rem)`, **weight 300**, line-height 1.02, letter-spacing `-0.01em`. Hero and major statements. - **Headline · h2**: Alumni Sans Pinstripe, `clamp(2.6rem, 4vw, 3.4rem)`, **weight 600**, line-height 1.04. Section titles. - **Title · h3**: Albert Sans, `1.18rem`, weight 500, line-height 1.35. Component and panel headings. diff --git a/site/layouts/Base.astro b/site/layouts/Base.astro index ed2f8d598..3b068ddf9 100644 --- a/site/layouts/Base.astro +++ b/site/layouts/Base.astro @@ -100,7 +100,7 @@ const resolvedOgDescription = ogDescription || description; - + diff --git a/site/styles/kinpaku-kit.css b/site/styles/kinpaku-kit.css index 4914a8f53..e86734276 100644 --- a/site/styles/kinpaku-kit.css +++ b/site/styles/kinpaku-kit.css @@ -38,7 +38,7 @@ .ks-wordmark { color: var(--ks-kinpaku); font-family: var(--ks-font-wordmark); - font-weight: 500; + font-weight: 400; font-size: 1.3rem; letter-spacing: 0.15em; text-transform: uppercase; @@ -872,7 +872,7 @@ .kinpaku-chrome .footer-logo { color: var(--ks-kinpaku); font-family: var(--ks-font-wordmark); - font-weight: 500; + font-weight: 400; font-size: 1.3rem; letter-spacing: 0.15em; text-transform: uppercase;