typeset
Installation
Summary
Systematically assess and refine typography to eliminate generic defaults and establish clear hierarchy, readability, and brand personality.
- Analyzes five core typography dimensions: font choices, visual hierarchy, sizing consistency, readability metrics, and weight strategy across components
- Guides font selection, type scale establishment, and weight assignment aligned to brand personality and context (fixed scales for app UIs, fluid sizing for marketing pages)
- Covers practical readability fixes: line length constraints, line-height tuning, contrast verification, and web font loading strategies to prevent layout shift
- Requires running the frontend-design skill first to establish design context and follow the Context Gathering Protocol
SKILL.md
Assess and improve typography that feels generic, inconsistent, or poorly structured — turning default-looking text into intentional, well-crafted type.
MANDATORY PREPARATION
Invoke /impeccable — it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first.
Assess Current Typography
Analyze what's weak or generic about the current type:
- Font choices:
- Are we using invisible defaults? (Inter, Roboto, Arial, Open Sans, system defaults)
- Does the font match the brand personality? (A playful brand shouldn't use a corporate typeface)
- Are there too many font families? (More than 2-3 is almost always a mess)
Explore more of GLSRM