fix(web): standardize font sizes to style guide scale #70

Closed
opened 2026-02-13 19:00:53 +00:00 by forbes · 0 comments
Owner

Ref: docs/STYLE.md § Typography / Scale

The style guide defines a strict typography scale:

  • 10px (badges), 11px (section headers, form labels), 12px (table cells, buttons), 13px (body text), 1.1rem (page titles)

The codebase uses non-standard rem values extensively (~40 instances):

  • 0.6rem (9.6px) — violates 10px minimum — FileDropZone.tsx:158
  • 0.7rem (11.2px) — AuditSummaryBar.tsx, FileDropZone.tsx, BOMTab.tsx
  • 0.8rem (12.8px) — SettingsPage.tsx, ProjectsPage.tsx, SchemasPage.tsx
  • 0.9rem (14.4px) — LoginPage.tsx, ProjectsPage.tsx, SettingsPage.tsx

Fix: Map all font sizes to the standard scale:

  • 0.6rem0.625rem (10px) or remove
  • 0.7rem0.6875rem (11px)
  • 0.8rem0.75rem (12px)
  • 0.9rem0.8125rem (13px)

Also fix fontWeight: 700 in non-title contexts:

  • ContextMenu.tsx:94, FileDropZone.tsx:159 — should be 600
**Ref:** `docs/STYLE.md` § Typography / Scale The style guide defines a strict typography scale: - 10px (badges), 11px (section headers, form labels), 12px (table cells, buttons), 13px (body text), 1.1rem (page titles) The codebase uses non-standard rem values extensively (~40 instances): - `0.6rem` (9.6px) — **violates 10px minimum** — FileDropZone.tsx:158 - `0.7rem` (11.2px) — AuditSummaryBar.tsx, FileDropZone.tsx, BOMTab.tsx - `0.8rem` (12.8px) — SettingsPage.tsx, ProjectsPage.tsx, SchemasPage.tsx - `0.9rem` (14.4px) — LoginPage.tsx, ProjectsPage.tsx, SettingsPage.tsx **Fix:** Map all font sizes to the standard scale: - `0.6rem` → `0.625rem` (10px) or remove - `0.7rem` → `0.6875rem` (11px) - `0.8rem` → `0.75rem` (12px) - `0.9rem` → `0.8125rem` (13px) Also fix `fontWeight: 700` in non-title contexts: - ContextMenu.tsx:94, FileDropZone.tsx:159 — should be 600
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: kindred/silo#70