Skip to content

[remediate-2026-08-18] UX-M4 Typography is Arial only, and a global override makes font-bold silently change typeface #456

Description

@juan294

Evidence type: [evidence]
Time horizon: Before launch
Files: frontend/src/index.css:63-80, frontend/tailwind.config.js:31-34

What's happening: fontFamily.sans is Arial/Helvetica with no webfont loaded; index.css:78-80 redefines the .font-bold utility class to "Arial Black", so Tailwind's weight utility silently swaps typeface everywhere it's used.

Why it matters: An Arial-only interface reads as the strongest single signal of "no design investment"; the .font-bold override breaks the Tailwind contract invisibly to anyone reading the JSX.

Recommendation: Adopt a real type pairing loaded via self-hosted webfont; delete the .font-bold override.

Expected impact: The interface stops reading as templated; font-bold behaves as documented.

Effort estimate: M

Finding ID: UX-M4

Source: docs/agents/pre-launch-report.md

Metadata

Metadata

Assignees

No one assigned

    Labels

    mediumMedium-severity remediationuxUX and design systemwave-1-before-launchPromoted pre-launch remediation scope

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions