Skip to content

Bump type scale to a 15px base for the IBM Plex switch#37

Merged
fakechris merged 1 commit into
mainfrom
design/lumen-font-scale
Jul 23, 2026
Merged

Bump type scale to a 15px base for the IBM Plex switch#37
fakechris merged 1 commit into
mainfrom
design/lumen-font-scale

Conversation

@fakechris

Copy link
Copy Markdown
Owner

Follow-up to #36. After swapping Geist → IBM Plex Sans, text read visibly smaller because IBM Plex has a smaller x-height while the app kept Involute's 13px base. Lumen itself is designed around a 15px base.

Fix

Uniform +2px (~15%) uplift across the whole type scale, preserving every density ratio:

Evidence

Measured prod vs local: identical px (both 13px), only the font differed — confirming the smallness came from the IBM Plex swap, not a layout change. After the bump, served base = 15px, comfortably larger than prod's Geist 13px.

The Lumen alignment swapped Geist -> IBM Plex Sans but kept Involute's
13px base. IBM Plex has a smaller x-height, so text rendered visibly
smaller at the same px. Lumen itself is designed around a 15px base.

Uniformly uplift the whole type scale +2px (~15%), preserving every
density ratio: app.css font-size values and the inline fontSize literals
in the kanban/detail/route components. Computed sizes (Avatar
Math.max/size*0.5) are left untouched.

Base body is now 15px (Lumen's native base); comfortably larger than the
prior Geist 13px.
@gemini-code-assist

Copy link
Copy Markdown

Caution

The consumer version of Gemini Code Assist on GitHub has been sunset. All code review activity has officially ceased.

@coderabbitai

coderabbitai Bot commented Jul 23, 2026

Copy link
Copy Markdown

Warning

Review limit reached

@fakechris, you've reached your PR review limit, so we couldn't start this review.

Next review available in: 18 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 1edde6a5-43f9-42c4-ae1b-3fe9cb62ef23

📥 Commits

Reviewing files that changed from the base of the PR and between de94abd and 0c19b98.

📒 Files selected for processing (15)
  • packages/web/src/components/BoardLoadMoreNotice.tsx
  • packages/web/src/components/IssueDetailDrawer.tsx
  • packages/web/src/components/KanbanView.tsx
  • packages/web/src/components/Primitives.tsx
  • packages/web/src/components/RichTextEditor.tsx
  • packages/web/src/routes/BoardPage.tsx
  • packages/web/src/routes/CyclesPage.tsx
  • packages/web/src/routes/InboxPage.tsx
  • packages/web/src/routes/IssuePage.tsx
  • packages/web/src/routes/MembersPage.tsx
  • packages/web/src/routes/MyIssuesPage.tsx
  • packages/web/src/routes/ProjectsPage.tsx
  • packages/web/src/routes/SettingsPage.tsx
  • packages/web/src/routes/ViewsPage.tsx
  • packages/web/src/styles/app.css
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch design/lumen-font-scale

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.

@fakechris
fakechris merged commit 9d5b1d2 into main Jul 23, 2026
2 checks passed
@fakechris
fakechris deleted the design/lumen-font-scale branch July 23, 2026 12:32
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