Skip to content

[Frontend Revamp 10] Introduce dual typography system #82

@soomtochukwu

Description

@soomtochukwu

Description

Area: Frontend
Summary: Adopt geometric sans and mono font roles across the UI
This issue comes from the additional audit report and should be handled as a tracked remediation item.
The current implementation either blocks production readiness, weakens maintainability, or leaves the product experience below the required standard.
The fix should be scoped, reviewed against existing project patterns, and verified with the relevant local commands.
Avoid unrelated refactors unless they are necessary to complete the acceptance criteria.

Requirements

  • Configure primary and mono font families
  • Use mono only for metrics, hashes, and technical values
  • Remove ad hoc font styling where migrated

Acceptance Criteria

  • Typography roles are consistent
  • Metrics use mono styling
  • Body and labels use the primary sans font

AI Implementation Prompt

AI code engineer prompt:
You are working in the dxmakers/smasage Next.js TypeScript frontend. Implement this issue: Adopt geometric sans and mono font roles across the UI. Preserve existing behavior unless explicitly changed, use strict types, and follow the audit frontend revamp direction. Use Tailwind CSS and Framer Motion where UI interaction is required. Include or update tests where practical, run lint/build, and summarize any follow-up risks.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions