Skip to content

docs(site): use brand fonts (Dammit Sans headings, Rubik body) #1183

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
BYK merged 3 commits into from
Jul 3, 2026
Merged

docs(site): use brand fonts (Dammit Sans headings, Rubik body) #1183

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
c105cb0
docs(site): use brand fonts — Dammit Sans headings, Rubik body
BYK Jul 3, 2026
28048bc
fix(docs): make Dammit Sans @font-face URL base-aware
BYK Jul 3, 2026
91d6ea8
docs(site): use theme's self-hosted Rubik instead of CDN (review L1/N1)
BYK Jul 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/astro.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -196,7 +196,7 @@ export default defineConfig({
tag: "link",
attrs: {
rel: "stylesheet",
href: "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap",
href: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap",
},
},
// Plausible analytics — defer keeps it off the critical path
Expand Down
Binary file added docs/src/fonts/dammit-sans-v0.3-bold.otf
View file
Open in desktop
Binary file not shown.
29 changes: 27 additions & 2 deletions docs/src/styles/cli.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,40 @@
Base theme provided by @sentry/starlight-theme
========================================================================== */

/* Brand fonts: Dammit Sans (headings, self-hosted below) + Rubik (body, self-
hosted by @sentry/starlight-theme as "Rubik Variable") + JetBrains Mono
(code). Dammit Sans is a display face with a limited glyph set, so headings
fall back to Rubik for any missing glyph (e.g. # / * \ | ^ _ ` ~). */
@font-face {
font-family: "Dammit Sans";
/* Relative URL so Vite bundles + hashes it and respects the site `base`
(root-absolute paths break under the PR-preview base, e.g. /_preview/pr-N). */
src: url("../fonts/dammit-sans-v0.3-bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}

/* Headings use the Dammit Sans display font; body/code are unaffected. */
.sl-markdown-content :is(h1, h2, h3, h4, h5, h6):not(:where(.not-content *)),
.page-title-wrapper h1,
.hero h1 {
font-family: var(--sl-font-headings);
}

:root,
:root[data-theme="dark"],
:root[data-theme="light"] {
/* Compat: existing components reference this var */
/* Sentry brand purple (#7553FF), the mid-anchor of the CLI banner gradient */
--sl-color-accent-rgb: 117 83 255;

/* CLI uses Inter + JetBrains Mono */
--sl-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
/* Body uses the theme's self-hosted Rubik Variable; headings use Dammit Sans;
code stays JetBrains Mono. */
--sl-font: "Rubik Variable", -apple-system, BlinkMacSystemFont, "Segoe UI",
sans-serif;
--sl-font-headings: "Dammit Sans", "Rubik Variable", -apple-system,
BlinkMacSystemFont, "Segoe UI", sans-serif;
--sl-font-mono: "JetBrains Mono", ui-monospace, monospace;

/* Match the original CLI docs header sizing. */
Expand Down
Loading