typeset

Audit UI typography and generate a modular type system with hierarchy and contrast.

3|1|Updated Mar 5, 2024

Search Tags:#typography #ui #accessibility #readability #contrast #type-system #typography-design

Ready to run

npx skills add https://github.com/chuan-khuna/digital-garden-2024 --skill typeset-chuan-khuna

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: typeset
Source: https://github.com/chuan-khuna/digital-garden-2024/tree/main/.agents/skills/typeset
Command: npx skills add https://github.com/chuan-khuna/digital-garden-2024 --skill typeset-chuan-khuna

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Solves the problem of generic, inconsistent typography by enforcing intentional font choices, hierarchy, and readability across interfaces.

Core Features & Use Cases

Establishes a modular type scale with clear hierarchy across headings, body, and captions.
Defines consistent font families, weights, letter-spacing, and line-heights to improve readability and brand alignment.
Supports accessibility and contrast guidelines to ensure legibility for diverse audiences across web and mobile contexts.

Quick Start

Ask the AI to audit a UI’s typography and generate a modular type system with a scalable rhythm, contrast, and readability targets.

Frequently Asked Questions about typeset

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

FAQPage Schema

How do I establish a modular type scale for a digital interface?▼

A modular type scale establishes clear visual hierarchy across headings, body, and captions using consistent font families, weights, letter-spacing, and line-heights to improve readability and brand alignment.

What's the best way to improve typography readability for web and mobile contexts?▼

Improve typography readability by defining consistent font families, weights, letter-spacing, and line-heights, while enforcing readable line lengths and accessibility-friendly contrast across components for diverse audiences.

Can I audit my product UI's typography and generate a scalable type system?▼

Yes, you can audit a UI's typography to generate a modular type system with a scalable rhythm, contrast targets, and readability goals for product interfaces and marketing pages.

Does this typography approach support accessibility and contrast guidelines?▼

Yes, it supports accessibility and contrast guidelines to ensure legibility for diverse audiences, enforcing accessibility-friendly contrast across components in web and mobile contexts.

Why does my UI typography look generic and inconsistent across components?▼

Generic, inconsistent typography happens without intentional font choices, hierarchy, and readability rules; enforcing a modular type scale with clear hierarchy resolves this across interface components.