skills.rest
igbuend
igbuendCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

typography

Guide font selection, hierarchy, and spacing for print and screen design.

8|1|Updated Jan 19, 2026
Search Tags:#typography#accessibility#web design#visual hierarchy#font selection#print design
One-click install
npx skills add https://github.com/igbuend/grimbard --skill typography-igbuend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: typography
Source: https://github.com/igbuend/grimbard/tree/main/skills/typography
Command: npx skills add https://github.com/igbuend/grimbard --skill typography-igbuend

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps users understand and apply fundamental and advanced typography principles for both print and digital media, ensuring clear, effective, and aesthetically pleasing text design.

Core Features & Use Cases

  • Font Selection & Classification: Guides users through choosing appropriate fonts based on classification (serif, sans-serif, etc.) and use case.
  • Print & Screen Best Practices: Provides specific guidelines for line length, leading, contrast, and font sizes tailored to different media.
  • Web Typography: Covers web font formats, loading strategies, and responsive techniques like fluid type.
  • Accessibility: Emphasizes WCAG contrast ratios and text spacing requirements.
  • Use Case: A designer needs to create a website's visual identity and is unsure about font pairings and optimal line heights for readability. This Skill provides a comprehensive guide to make informed decisions.

Quick Start

Use the typography skill to get guidance on selecting fonts for a new website.

Frequently Asked Questions about typography

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

FAQPage Schema
How do I choose the right fonts for web and print design?▼

Font selection requires understanding type anatomy and font classification like serif or sans-serif to ensure clear visual communication. This skill guides you through choosing appropriate fonts based on specific use cases for both print and digital media.

What are the best practices for responsive typography on websites?▼

Responsive typography utilizes fluid type techniques and specific web font loading strategies to adapt text across screen sizes. This skill provides guidelines for implementing web font formats and responsive rendering for optimal readability.

What WCAG accessibility standards apply to typography?▼

Typography accessibility requires meeting WCAG contrast ratios and specific text spacing requirements for readable content. This skill emphasizes these accessibility standards to help you design inclusive text for screen environments.

How do I set line length and leading for optimal readability?▼

Optimal readability depends on adjusting line length, leading, and contrast based on specific media guidelines. This skill provides tailored best practices for print and screen design to help you configure text spacing effectively.

Does this skill cover web font formats and loading strategies?▼

Yes, web typography coverage includes guidance on web font formats and loading strategies to optimize rendering. This skill facilitates informed decisions on font selection and rendering for optimal visual communication on screens.

Related Skills

Explore More Design & Creative Skills→
launchapp-devlaunchapp-dev
38

visual-hierarchy

Apply size, weight, color, spacing, and positioning rules to prioritize content in web and mobile layouts.

Official
Intermediate
nicholasgriffintnnicholasgriffintn
2

frontend-design

Design frontend interfaces with typography, color, motion, and layout guidelines.

Community
Intermediate
vvedantbvvedantb
99

brandkit

Generate a cohesive brand-kit board with a 3×3 grid and consistent color palette.

Community
Advanced
jcdiv47jcdiv47

typeset

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

Community
Intermediate