# Type Pair

> Recommend font pairings based on the project context. Pairs a distinctive display font with a complementary body font. Never suggests banned fonts.

- Skill: `dragoon0x/type-pair` (Agent Skill)
- Install (CLI): `npx skillmds@latest add dragoon0x/type-pair`
- Raw SKILL.md: https://api.skillmd.com/api/skills/dragoon0x/type-pair/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: dragoon0x (https://skillmd.com/u/dragoon0x)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/dragoon0x/type-pair

---


# /type-pair — Font Pairing Engine

## Rules
1. Never suggest any banned font (Inter, Roboto, Arial, Helvetica, Open Sans, Lato, Montserrat, Poppins, Nunito, Space Grotesk, Raleway, Source Sans Pro)
2. Pair by contrast: serif display + sans body, or distinctive sans display + neutral sans body
3. Consider the project's aesthetic direction
4. Suggest Google Fonts or commonly available web fonts
5. Provide fallback stack

## Pairing Strategies

**Editorial:** Serif display (Instrument Serif, Newsreader, Fraunces, Playfair Display) + clean sans body (Outfit, DM Sans, General Sans, Satoshi)

**Technical:** Monospace display (JetBrains Mono, Fira Code, IBM Plex Mono) + geometric sans body (Outfit, Sora, Manrope)

**Luxury:** High-contrast serif (Cormorant, Noto Serif Display) + refined sans (DM Sans, Plus Jakarta Sans)

**Playful:** Rounded/soft display (Anybody, Gabarito, Rubik) + friendly body (Nunito Sans, Quicksand)

**Brutalist:** Industrial sans (Archivo, Bebas Neue, Oswald) + sturdy body (Source Code Pro, IBM Plex Sans)

Output 2-3 pairings ranked by fit, with Google Fonts import links and CSS declarations.