legibility-typeface-and-size
CommunityChoose typeface and size for effortless reading.
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Incorrect typeface and font sizing make text hard to read, even if contrast and spacing are later optimized.
Core Features & Use Cases
- Typeface-by-use selection: Match display, body, UI, monospace (code), and specialty fonts to their intended rendering contexts.
- Rendering-context sizing: Set font sizes based on viewing distance, display DPI, environment/lighting, and user population needs.
- Typographic system support: Build a coherent scale (e.g., Minor Third, Major Second) instead of ad-hoc sizes to keep hierarchy consistent.
Quick Start
Ask the agent to recommend a typographic setup for your product screens (body, headings, captions, and code) using a legible 1.2 typographic scale for a base size of 16px and a monospace option for code.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: legibility-typeface-and-size Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#legibility-typeface-and-size Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.