typeset

Audit and fix typography issues across CSS and design guidelines.

Updated Mar 11, 2026

Search Tags:#typography #accessibility #readability #design-system #type-scale #font-pairing #typography-audit

Ready to run

npx skills add https://github.com/deadhearth01/SugCreativeSite --skill typeset-deadhearth01

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography inconsistencies hinder readability and brand clarity; this skill provides a structured approach to auditing and improving typography across fonts, hierarchy, sizing, and accessibility.

Core Features & Use Cases

Typography audit: assess font choices, hierarchy, sizing, line length, contrast, and consistency across components.
Systematize type scales: define a modular scale and a weight strategy aligned with brand personality.
Accessibility improvements: ensure text meets contrast guidelines and is legible across contexts.

Quick Start

Audit the project's typography and propose a standardized font, size, and weight system.

Frequently Asked Questions about typeset

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

FAQPage Schema

How do I audit typography for readability and visual hierarchy in a design system?▼

A typography audit assesses font choices, hierarchy, sizing, line length, contrast, and consistency across components. This process identifies readability issues and visual hierarchy gaps, providing a structured approach to systematize text presentation across your design system.

What is a modular type scale and how do I apply it to CSS?▼

A modular type scale defines standardized font sizes and weights aligned with brand personality. You apply it to CSS by implementing semantic token naming and weight mapping, ensuring consistent text sizing and spacing across all pages and components.

How do I fix font pairing and contrast issues for accessibility?▼

Fix accessibility issues by evaluating font pairing and ensuring text meets contrast guidelines for legibility. Apply standardized color considerations and contrast requirements across your project components to satisfy accessibility standards.

Can I use this typography audit approach for an existing design system?▼

Yes, you can audit an existing design system to identify and fix typography inconsistencies. The process satisfies a standardized type scale, weight mapping, and semantic token naming while implementing improvements directly in your design guidelines.

Why does my design system have inconsistent typography across components?▼

Typography inconsistencies hinder readability and brand clarity because components lack a standardized type scale and weight strategy. Auditing hierarchy, sizing, and spacing while applying semantic token naming resolves these visual discrepancies.