brand-typography-systems
SolidUse when choosing brand typefaces, pairing fonts, building a type hierarchy or modular scale, or writing typography guidelines and design tokens. Keywords - brand typography, font selection, font pairing, serif vs sans-serif, type scale, typeface licensing, web font performance, WCAG typography and readability.
Install
Quality Score: 83/100
Skill Content
Details
- Author
- mike-coulbourn
- Repository
- mike-coulbourn/claude-vibes
- Created
- 9 months ago
- Last Updated
- 5 days ago
- Language
- Python
- License
- MIT
Similar Skills
Semantically similar based on skill content — not just same category
typography
Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", or "typographic scale". Also trigger when choosing between system fonts and web fonts, optimizing font loading performance, or designing readable long-form content layouts. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.
typography-system-builder
Builds type systems: scale, font pairing, hierarchy rules, line height and vertical rhythm. Use when establishing typography for a product or fixing inconsistent text styles.
typography-system-builder
Builds type systems: scale, font pairing, hierarchy rules, line height and vertical rhythm. Use when establishing typography for a product or fixing inconsistent text styles.