What problem does it solve?
Improves typography that looks generic, inconsistent, or unreadable by addressing font choices, hierarchy, scale, weight, spacing, and web font loading so text feels intentional and easy to consume. This reduces visual noise, increases legibility, and aligns type with brand personality across interfaces and content pages.
Core Features & Use Cases
- Assessment: Diagnose weak typography via checks for default fonts, poor hierarchy, inconsistent weights, tight sizing, poor line-length, and contrast issues.
- Planning: Propose font selection and pairing, a modular type scale, weight roles, spacing, and token names suitable for apps or marketing pages.
- Implementation Guidance: Recommend rem-based scales for UI, clamp() for fluid headings, font-loading strategies, and which weights to load to balance performance and quality.
- Verification: Provide criteria to validate hierarchy, readability, accessibility (WCAG contrast, zoom), and performance (font load behavior).
- Use Cases: Refining a startup marketing site, tightening an admin app’s UI text, or creating a consistent type system for a design system.
Quick Start
Analyze the interface and deliver a prioritized typography plan with recommended fonts, a modular type scale, weight roles, spacing tokens, and implementation notes for web use.
