Skills
.Work. You
Rest

typography-pairing

Community

Pair Fontshare fonts fast with production-ready scales.

Design & Creative#typography#design system#font pairing#type scale#fontshare#css imports
Authorandersoncollab
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill solves the problem of picking mismatched fonts by mood and category, so your design quickly gets a cohesive, readable typography system.

Core Features & Use Cases

  • Curated pairing systems: Provides six ready-made Fontshare display + body combinations (Editorial, Tech/Modern, Playful, Luxury, Minimal, Bold/Impact).
  • Type scale + hierarchy: Includes recommended scales (major third or perfect fourth), sensible heading sizing, and readability-focused line-height guidance.
  • Implementation-ready CSS imports: Supplies Fontshare CDN import patterns plus CSS variable and Tailwind integration instructions so teams can ship typography consistently.
  • Practical selection workflow: Guides you to choose the right pairing using brand personality, industry, and content type, with clear “when to use / not for” boundaries.

Quick Start

Use the typography-pairing skill to recommend the best Fontshare display and body fonts for a SaaS dashboard, then paste the provided CSS import into your project.

Dependency Matrix

Required Modules

None required

Components

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: typography-pairing
Download link: https://github.com/andersoncollab/design-agent/archive/main.zip#typography-pairing

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.