skills.rest
lexicalninja
lexicalninjaCOMMUNITY
Explore all skills by this author →
GitHub

typography-designer

Design typography systems with font families, type scales, and accessibility guidelines.

2|Updated Jan 15, 2026
Search Tags:#typography#accessibility#readability#ui-design#font#design-systems#type-scale
One-click install
npx skills add https://github.com/lexicalninja/my-little-scrum-team --skill typography-designer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typography-designer
Source: https://github.com/lexicalninja/my-little-scrum-team/tree/main/skills/typography-designer
Command: npx skills add https://github.com/lexicalninja/my-little-scrum-team --skill typography-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Typography inconsistencies slow down design and development, reducing readability and brand coherence across products.

Core Features & Use Cases

  • Define font families, type scale, weights, and line heights for consistent UI
  • Establish accessibility guidelines and usage rules for headings, body text, and captions
  • Provide responsive typography guidance for mobile, tablet, and desktop

Quick Start

Draft a complete typography system specification for a digital product, including fonts, sizes, weights, line heights, and usage guidelines.

Frequently Asked Questions about typography-designer

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

FAQPage Schema
How do I design a scalable typography system for a digital product?▼

Design a scalable typography system by defining font families, type scale, weights, and line heights to ensure UI consistency. Draft a complete specification including responsive guidance for mobile, tablet, and desktop layouts.

What is the best way to establish accessibility guidelines for UI text styles?▼

The best way to establish accessibility guidelines is to define usage rules for headings, body text, and captions. This ensures readability and accessibility across interfaces while satisfying standard text style requirements.

Can I use this approach for editorial layouts and product documentation?▼

Yes, you can apply this typography design approach to editorial layouts and product documentation. It ensures typography consistency and readability across any digital interface where text presentation matters.

How do I set up responsive typography for mobile, tablet, and desktop?▼

Set up responsive typography by providing specific guidance for mobile, tablet, and desktop breakpoints. Define a type scale with adjusted font sizes and line heights to maintain readability across different screen widths.

What do I need to include in a complete typography system specification?▼

A complete typography system specification needs to include font families, font sizes, weights, line heights, and usage guidelines. It should also establish accessibility guidelines and responsive behavior for varying screen sizes.

Why does typography inconsistency reduce readability across product interfaces?▼

Typography inconsistency reduces readability and brand coherence because varying font families, weights, and type scales across products slow down design and development while degrading the overall user experience.

Related Skills

Explore More Design & Creative Skills→
balajivisbalajivis
2

design-consultation

Create a complete design system with typography, color strategy, and DESIGN.md output.

Community
Advanced
booklib-aibooklib-ai
35

refactoring-ui

Apply Refactoring UI principles to improve visual hierarchy in UI designs.

Official
Intermediate
Owl-ListenerOwl-Listener
234

ui-composition

Generate layout, typography, and color plans aligned with WCAG accessibility criteria.

Community
Intermediate
shelbeelyshelbeely
4

material-design-3-icons

Implement Material Design 3 icons using Material Symbols variable font axes.

Community
Intermediate