Skip to content

fix: match header wordmark to product typography - #10

Merged
kvlonge merged 1 commit into
mainfrom
fix/header-wordmark-font
Nov 4, 2026
Merged

kvlonge merged 1 commit into
mainfrom
fix/header-wordmark-font

Conversation

@kvlonge

@kvlonge kvlonge commented Nov 4, 2026

Copy link
Copy Markdown
Contributor

The header SQLStack wordmark rendered in Inter 750 with -0.8px letter-spacing, while product names (h3) use Space Grotesk 700 with normal spacing.

  • .brand span now uses Space Grotesk 700 with normal letter-spacing, keeping the smaller 22px header size and the existing light/dark icon assets.
  • The existing responsive/theme test asserts the wordmark typography in both themes.

Validation: npm test passes (4/4); the new assertion fails against the previous CSS. Header checked in light and dark at 320/390/768/1536px with no horizontal overflow.

Render the SQLStack header wordmark in Space Grotesk 700 with normal
letter-spacing, matching the product names, while keeping its 22px size.
@cloudflare-workers-and-pages

Copy link
Copy Markdown

Deploying sqlstack with  Cloudflare Pages  Cloudflare Pages

Latest commit: 7d9e24b
Status: ✅  Deploy successful!
Preview URL: https://32728924.sqlstack.pages.dev
Branch Preview URL: https://fix-header-wordmark-font.sqlstack.pages.dev

View logs

@kvlonge
kvlonge merged commit 6764f1d into main Nov 4, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant