Skip to content

Geist typography everywhere, one console type scale - #109

Merged
ryuzdev merged 1 commit into
mainfrom
console-type
Oct 28, 2026
Merged

ryuzdev merged 1 commit into
mainfrom
console-type

Conversation

@ryuzdev

@ryuzdev ryuzdev commented Oct 28, 2026 •

Copy link
Copy Markdown
Member

Owner request: Geist + Geist Mono across docs and console, and a consistent console type scale.

  • Fonts, self-hosted, no external requests. web gains @fontsource-variable/geist + geist-mono. Console: imported in console.css, wired through Tailwind v4 @theme (--font-sans/--font-mono); every font-mono class is now Geist Mono. Docs: Blume theme.fonts (display/body/mono), which downloads the woff2 at build and serves them locally with metric-matched fallbacks. No fonts.googleapis/fonts.gstatic URLs in the build; docs @font-face rides in inline head styles, console @font-face in its bundle.
  • One console scale (documented in console.css): text-xs metadata/timestamps/captions/badges · text-sm default UI (body 14px) · text-base emphasized body/values · text-lg section headings at most · text-xl+ only for .main-title and empty states. Weights: normal body, medium secondary emphasis, semibold headings/primary labels. font-bold eliminated (→ semibold); text-[15px] → text-base; mono dropped on non-code text (account email, summaries, issue text kept its code frame). text-[13px] stays as a documented legacy secondary step — not extended.
  • StatCard text-3xl → text-lg font-semibold (deliberate: hero numerals become semibold 18px; flagging for the integrator's live check).

Live on prod (outer:3f5c909): /, docs page, /console, /console/app 200; docs inline @font-face + preloaded local woff2 present; console bundle references Geist Variable + local woff2; no external font URLs.

bun install/build/validate green, bun test pages/console 80 pass. No migration. Templates untouched (per-app branding).

Summary by CodeRabbit

  • Style
    • Updated the console typography with Geist and Geist Mono fonts, including locally served font files.
    • Refined text sizes and weights across headings, statistics, domain names, logs, and empty states.
    • Updated email addresses, summaries, and issue details to use the standard sans-serif style instead of monospace.
    • Adjusted console navigation, account details, and modal headings for more consistent text styling.

- web: add @fontsource-variable/geist{,-mono}; console.css imports
  them and sets --font-sans/--font-mono via @theme (Inter stack gone,
  log/empty code stacks now var(--font-mono)).
- blume.config.ts: theme.fonts display/body geist, mono geist-mono
  (Blume self-hosts woff2 at build; no Google Fonts requests).
- One console scale: text-xl only for .main-title/empty h1
  (22px->1.25rem), stat-value text-3xl->text-lg semibold, avatar
  monograms text-xl bold->text-lg semibold, sidebar 15px->text-base,
  hostname 15px->text-base, dialog/modal titles bold->semibold.
- Mono now code/logs/timestamps/hashes + machine identifiers only:
  dropped on action summaries, error messages, emails.
@coderabbitai

coderabbitai Bot commented Oct 28, 2026 •

Copy link
Copy Markdown

Review in Change Stack →

No actionable comments were generated in the recent review.

Recent review info
Run configuration
  • Source mode: Auto
  • Repository: Unavailable
  • Branch: Unavailable
  • File: No configuration file from this repository applied
  • Commit: Unavailable
  • Layers: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 2ff92a31-a39e-466f-a90e-a8fd4d50bafc
Commits

Reviewing files that changed from the base of the PR and between 6fb6ee4 and 3f5c909.

Files ignored due to path filters: 1
  • web/bun.lock is excluded by !**/*.lock
Files selected for processing: 9
  • web/blume.config.ts
  • web/package.json
  • web/pages/console/_islands/console.tsx
  • web/pages/console/_islands/data/d1/row-editor.tsx
  • web/pages/console/_islands/data/r2/upload.tsx
  • web/pages/console/_islands/data/shared.tsx
  • web/pages/console/_islands/views.tsx
  • web/pages/console/_islands/views/errors.tsx
  • web/pages/console/console.css

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.

Walkthrough

The web package adds Geist and Geist Mono font dependencies. Blume and the console stylesheet configure these fonts. Console typography changes include updated font sizes and weights, and reduced use of monospace styling.

Changes: Console Typography

Layer / File(s) Summary
Font setup
web/package.json, web/blume.config.ts, web/pages/console/console.css
The web package adds Geist font dependencies. Blume selects Geist for display and body text and Geist Mono for monospace text. The console stylesheet imports the fonts and uses the sans theme font for body text.
Console stylesheet typography
web/pages/console/console.css
The stylesheet updates title and empty-state heading sizes. Log lists and empty-state code use the monospace theme font and text-xs sizing.
Console UI typography
web/pages/console/_islands/console.tsx, web/pages/console/_islands/views.tsx, web/pages/console/_islands/views/errors.tsx, web/pages/console/_islands/data/*
Console navigation, data views, and dialogs receive font size or weight changes. Several summaries, email addresses, and issue details no longer use monospace styling.

Priority: Low

Estimated code review effort: 2 (Simple) | ~10 minutes

Change: Feature

Merge Risk: Minimal · up to 3f5c9

The PR is mergeable; no actionable correctness, runtime, or deployment risk was established.

Pre-merge checks: Passed 4 · Failed 1

Failed Failed checks: 1 warning

Check name Status Explanation Resolution
Docstring Coverage Warning Docstring coverage is 50.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff with cyclomatic complexity of at least 2. Documenta… Write docstrings for the functions missing them to satisfy the coverage threshold.
Passed Passed checks: 4 passed
Check name Status Explanation
Description Check Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check Passed The title names the two main parts of the change: Geist typography across the docs and console, and a single console type scale. The changeset adds self-hosted Geist and Geist Mono fonts, configures B…
Linked Issues check Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check Passed Check skipped because no linked issues were found for this pull request.
Full details: Title check

Explanation

The title names the two main parts of the change: Geist typography across the docs and console, and a single console type scale. The changeset adds self-hosted Geist and Geist Mono fonts, configures Blume and console theme fonts, and standardizes console text sizes and weights. The title is specific and matches the primary change.

Full details: Docstring Coverage

Explanation

Docstring coverage is 50.00% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff with cyclomatic complexity of at least 2. Documentation-only edits and deletions within surviving functions are included; unchanged diff context and fully deleted functions are excluded. Analyzed 10 functions across 7 files. (2 skipped: 2 unsupported.)

Resolution

Write docstrings for the functions missing them to satisfy the coverage threshold.

Finishing Touches: 💡 1
📝 Generate docstrings: 💡
  • Commit to this branch
  • Create a new PR
🧪 Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@ryuzdev
ryuzdev merged commit 43fd07c into main Oct 28, 2026
5 checks passed
@ryuzdev
ryuzdev deleted the console-type branch October 28, 2026 18:41
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