web-typography
CommunityDesign readable, responsive web typography.
Design & Creative#typography#accessibility#design-systems#web-fonts#responsive-typography#font-loading#type-pairing
AuthorShirataki2
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Design teams need a structured framework to implement web typography that balances readability, accessibility, and performance, minimizing guesswork and rework across products.
Core Features & Use Cases
- Guidance on selecting and pairing typefaces for body text, headlines, and UI elements to maximize readability and brand alignment.
- Strategies for responsive typography, fluid sizing with clamp(), and best practices for font-loading optimization and performance budgets.
- Clear workflows for typography in design systems, editorial sites, dashboards, and documentation, with measurable metrics and validation steps.
Quick Start
Describe your current typography goals and apply these guidelines to implement a responsive, accessible type system.
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: web-typography Download link: https://github.com/Shirataki2/discalendar-next-v2/archive/main.zip#web-typography 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 223,000+ vetted skills library on demand.