skills.rest
arvindbattula
arvindbattulaCOMMUNITY
Explore all skills by this author →
GitHub

design-typography

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

Updated Mar 18, 2026
Search Tags:#typography#design#accessibility#readability#fonts#hierarchy#type-system
One-click install
npx skills add https://github.com/arvindbattula/my-agent-config --skill design-typography
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-typography
Source: https://github.com/arvindbattula/my-agent-config/tree/main/skills/design-typography
Command: npx skills add https://github.com/arvindbattula/my-agent-config --skill design-typography

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography often suffers from inconsistent font choices, unclear hierarchy, and poor readability, leading to unreadable interfaces and weak brand expression.

Core Features & Use Cases

  • Assess current typography across font choices, hierarchy, sizing, readability, and consistency.
  • Plan and implement a typography system including a modular scale, weight strategy, and accessible contrast.
  • Apply improvements to real-world projects and hand off practical guidelines to design and development teams.

Quick Start

Audit the project's typography and generate an actionable improvement plan following the design-setup guidelines.

Frequently Asked Questions about design-typography

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

FAQPage Schema
How do I create a modular type scale for web and mobile interfaces?▼

Create a modular type scale by auditing font choices and establishing consistent sizing ratios. This produces a structured type system with weight roles and semantic token naming for readable, scalable interfaces.

What's the best way to fix inconsistent typography and weak brand feel in my design?▼

Fix inconsistent typography by assessing current font choices, hierarchy, and readability. This generates an actionable improvement plan that aligns text layouts with accessibility-compliant contrast ratios.

How does a typography audit improve accessibility and color contrast?▼

A typography audit improves accessibility by evaluating text layouts against color contrast considerations. This ensures readable interfaces by applying accessible contrast ratios and weight strategies across the project.

Can I use this to plan typography hierarchy and weight roles for a design system?▼

Plan typography hierarchy and weight roles by applying a formal typography system to projects. This defines a modular scale and semantic token naming that aligns with design-setup principles for consistent interfaces.

When do I need to establish semantic token naming for my type system?▼

Establish semantic token naming when handing off practical guidelines to development teams. This ensures the modular type scale and accessibility-compliant text layouts are implemented accurately across web and mobile platforms.

Related Skills

Explore More Design & Creative Skills→
ev3rlitev3rlit

typeset

Diagnose font choices, hierarchy, sizing, and readability to specify a typography framework.

Community
Intermediate
semicolon-devteamsemicolon-devteam

design-handoff

Generate design-to-development handoff documents with component specs and metadata.

Official
Advanced
juanelojgajuanelojga

bolder

Amplify web UI typography, color, motion, and layout while preserving WCAG accessibility.

Community
Advanced
jcdiv47jcdiv47

typeset

Improves web and app typography by fixing fonts, hierarchy, sizing, and accessibility.

Community
Intermediate