Skip to content

improve: apply Practical Typography guidelines to frontend#65

Merged
cristipufu merged 1 commit intomainfrom
improve/typography-practical-typography
Feb 15, 2026
Merged

improve: apply Practical Typography guidelines to frontend#65
cristipufu merged 1 commit intomainfrom
improve/typography-practical-typography

Conversation

@cristipufu
Copy link
Member

Summary

  • Apply Butterick's Practical Typography guidelines across all frontend components
  • Bump chat message/input text to 14px (guideline: 15–25px for web body text)
  • Add proper line spacing (leading-normal/leading-relaxed) to all text-heavy panels
  • Cap prose line length at ~65ch on chat messages and error details
  • Soften dark-mode text-primary from #f1f5f9 to #cbd5e1 for reduced eye strain
  • Add tracking-wider letterspacing to all uppercase text (guideline: 5–12% extra)
  • Bump undersized text across NewRunPanel, SetupView, Sidebar, and graph controls
  • Version bump 0.0.45 → 0.0.46

Test plan

  • Verify chat messages render at 14px with proper line spacing
  • Verify dark mode text is softer but still readable
  • Verify all uppercase labels have visible letterspacing
  • Verify log panel, trace tree, and span details have comfortable line height
  • Verify NewRunPanel cards and SetupView empty state text are legible
  • Check light mode is unaffected (only dark-mode text-primary changed)

🤖 Generated with Claude Code

- Bump chat message text from 12px to 14px for readability
- Bump chat/interrupt input fields to 14px to match message text
- Add leading-normal (1.5) to LogPanel, TraceTree, SpanDetails,
  RunEventsPanel, and error displays for proper line spacing
- Cap prose line length at ~65ch on chat messages and error details
- Soften dark-mode --text-primary from #f1f5f9 to #cbd5e1
- Add tracking-wider to all uppercase text missing letterspacing
- Bump tool call badges, sidebar labels, tab pills, and icons
- Bump NewRunPanel, SetupView, and empty state text sizes
- Version bump 0.0.45 → 0.0.46

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@cristipufu cristipufu force-pushed the improve/typography-practical-typography branch from f6e4c61 to f0ed49e Compare February 15, 2026 15:43
@cristipufu cristipufu merged commit a59e996 into main Feb 15, 2026
11 checks passed
@cristipufu cristipufu deleted the improve/typography-practical-typography branch February 15, 2026 15:45
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

Comments