Skip to content

Refine font: Inter default, Lora headlines+prose#467

Merged
realproject7 merged 1 commit intomainfrom
task/465-font-refinement
Mar 23, 2026
Merged

Refine font: Inter default, Lora headlines+prose#467
realproject7 merged 1 commit intomainfrom
task/465-font-refinement

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

  • Switches default body font from Lora (serif) to Inter (sans-serif)
  • Lora now only applies to:
    • Headlines (h1–h6)
    • Story prose content (.ruled-paper, .font-serif, .prose)
  • Everything else uses Inter:
    • Numbers, stats, prices, balances, token amounts
    • Info sections, stats grids, TVL, plot counts
    • Labels, captions, metadata, dates
    • Filter tokens, badges, tags

Revert point: 71b4ed8

Fixes #465

Changes

  • globals.css: --default-font-family and body → Inter
  • globals.css: --font-body → Inter (was Lora)
  • globals.css: Added --font-prose variable for Lora
  • globals.css: Added .font-serif, .prose utility classes
  • globals.css: .ruled-paper explicitly uses Lora
  • Removed old nav, footer, button... UI font rule (redundant now that Inter is default)

Test plan

  • Verify headlines (h1-h6) render in Lora
  • Verify story content in ruled-paper renders in Lora
  • Verify numbers, stats, prices on /token page render in Inter
  • Verify StoryCard stats (TVL, plot count) render in Inter
  • Verify dashboard data renders in Inter
  • Verify ruled paper line alignment unchanged
  • Build passes

🤖 Generated with Claude Code

Switch default body font from Lora to Inter (sans-serif). Lora now
only applies to:
- Headlines (h1-h6)
- Story prose content (.ruled-paper, .font-serif, .prose)

All numbers, stats, prices, metadata, labels, info sections now render
in Inter. This follows the read-vs-scan principle: prose content in
serif, data/UI in sans-serif.

Revert point: git revert to 71b4ed8

Fixes #465

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: APPROVE

Summary

The typography change matches the issue scope: Inter is now the default body font, while Lora is constrained to headings and prose/story content. The revert point is documented and CI is green.

Findings

  • None.

Decision

Approving because the implementation is focused, aligns with the requested font split, and passes checks.

@realproject7 realproject7 merged commit 0165507 into main Mar 23, 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.

[Design] Refine font usage — Lora for headlines/content only, Inter for everything else

2 participants