ds-typography
CommunityMake typography decisions fast and consistent.
Design & Creative#typography#ui-design#multilingual#tracking#leading#font-pairing#responsive-typography
AuthorConradmaker
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Typography decisions across UI surfaces often lack a cohesive framework, leading to inconsistent tone, readability, and brand alignment. This skill provides a context-first decision framework, reference materials, and lightweight guidance to speed up high-quality typography choices.
Core Features & Use Cases
- Context-first decision patterns for font selection, scale, and rhythm (type-for-a-moment vs type-to-live-with).
- One-font rule, anchor font strategies, and safe pairing guidance to maintain consistent personality and neutrality.
- Responsive typography and token-driven implementation for design systems and cross-language projects.
- Use Case: apply ds-typography in a SaaS dashboard to establish a readable body, a distinct display header, and a scalable rhythm across breakpoints.
Quick Start
Define your UI typography using context-first font choices, a safe one-font rule, and a repeatable size/weight/leading hierarchy.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: ds-typography Download link: https://github.com/Conradmaker/copilot-cockpit/archive/main.zip#ds-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 471,000+ vetted skills library on demand.