skills.rest
Huijiro
HuijiroCOMMUNITY
Explore all skills by this author →
Website𝕏@HuijiroHankeiGitHub

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
One-click install
npx skills add https://github.com/Huijiro/dotfiles --skill impeccable-typeset
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
deomiarndeomiarn

typography-audit

Audit typography hierarchy and fix header structure across page sections.

Community
Advanced
jayteealaojayteealao

design-typeset

Audit typographic systems and deliver an improvement plan for interfaces and documents.

Community
Intermediate
PavkaBrikaPavkaBrika
1

typeset

Adjusts UI and marketing text typography including fonts, hierarchy, sizing, spacing, and readability.

Community
Intermediate
arvindbattulaarvindbattula

design-typography

Audit font choices, hierarchy, and readability to produce consistent typography systems.

Community
Intermediate