impeccable-typeset

Audit typography and implement type scales for UI, marketing, and documentation.

Updated Jun 14, 2024

Search Tags:#typography #design #readability #contrast #type-scale #font-pairing

Ready to run

npx skills add https://github.com/Huijiro/dotfiles --skill impeccable-typeset

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: impeccable-typeset
Source: https://github.com/Huijiro/dotfiles/tree/main/agents/.agents/skills/impeccable-typeset
Command: npx skills add https://github.com/Huijiro/dotfiles --skill impeccable-typeset

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Improves typography quality in user-facing content by refining font choices, hierarchy, sizing, and readability to ensure text feels intentional and cohesive across contexts.

Core Features & Use Cases

Typography audit and fixes for font choices, hierarchy, sizing, and readability.
Establish a clear type scale and weight strategy to ensure consistent emphasis across headings, body, and captions.
Accessibility-driven improvements, focusing on contrast, line-length, and responsive behavior for various screen sizes.
Use Case: When refining a UI, document, or marketing page, apply these guidelines to achieve a polished, intentional typographic system.

Quick Start

Apply the typography improvements to your current project by running a typography audit and implementing the recommended type scale.

Frequently Asked Questions about impeccable-typeset

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I audit typography hierarchy and readability for a UI project?▼

Establish a typography hierarchy by defining a clear type scale and weight strategy, ensuring consistent emphasis across headings, body, and captions. This approach standardizes semantic token naming and guides intentional font pairing.

What is the best way to plan a type scale for consistent font weight usage?▼

Improve typography contrast and accessibility by focusing on line-length limits, responsive behavior, and adequate contrast ratios for various screen sizes. These accessibility-driven improvements ensure readable text across UI, marketing, and documentation contexts.

Does this typography approach work for both marketing pages and documentation?▼

Apply typography improvements by running a typography audit to evaluate current font choices and hierarchy, then implement a recommended type scale. This quick start process provides actionable steps to achieve a polished, intentional typographic system.

How do I fix inconsistent font pairing and semantic token naming in my design system?▼

Run a typography audit to evaluate your current font choices, hierarchy, sizing, and readability. Implement the recommended type scale and weight strategy to establish consistent emphasis and semantic token naming across headings, body, and captions.

Can I use this typography audit method for responsive UI text scaling across screen sizes?▼

Run a typography audit focusing on responsive behavior, line-length limits, and contrast ratios to ensure text scales appropriately across various screen sizes. This establishes a clear hierarchy and improves readability for diverse user-facing content.