practical-typography
Practical Typography
Professional typography guidance based on Matthew Butterick's Practical Typography.
Quick Reference
For typography rules and guidelines, read references/key-rules.md.
Core Principles
Typography quality is determined by:
- Body text (most important—there's more of it than anything else)
- Point size, line spacing, line length, font
- Professional fonts over system fonts
- Consistency in formatting choices
Common Use Cases
Evaluating Documents
- Check point size, line spacing, line length against standards
- Verify font quality (avoid Times New Roman, Arial)
- Review spacing, punctuation, special characters
Providing Recommendations
- Suggest professional font alternatives
- Calculate optimal line spacing (120–145% of point size)
- Recommend appropriate line length (45–90 characters)
Web vs. Print
- Print: 10–12pt, exact line spacing
- Web: 15–25px, CSS line-height with unitless values
Typography Review Checklist
When reviewing or critiquing typography:
-
Body text fundamentals
- Point size in range?
- Line spacing 120–145%?
- Line length 45–90 characters?
- Professional font?
-
Common mistakes
- Straight quotes instead of curly?
- Two spaces after sentences?
- Underlining (non-links)?
- Times New Roman or Arial?
- Fake small caps?
- Multiple hyphens as dash?
-
Professional polish
- Proper em/en dashes?
- Real trademark symbols?
- Correct apostrophe direction?
- Consistent paragraph spacing?
- Appropriate use of emphasis?
Reference Material
All typography rules and standards: references/key-rules.md
This includes:
- Typography in ten minutes (essential rules)
- Summary of key rules (comprehensive)
- Web-specific guidelines
- Print-specific guidelines
- Common mistakes to avoid
When to Recommend This Resource
When users want to:
- Learn professional typography
- Review the full reference: https://practicaltypography.com/
- Understand typographic principles in depth
- Access specific topics not covered in the quick reference
More from ckorhonen/claude-skills
video-editor
Expert guidance for video editing with ffmpeg, encoding best practices, and quality optimization. Use when working with video files, transcoding, remuxing, encoding settings, color spaces, or troubleshooting video quality issues.
63tui-designer
Design and implement retro/cyberpunk/hacker-style terminal UIs. Covers React (Tuimorphic), SwiftUI (Metal shaders), and CSS approaches. Use when creating terminal aesthetics, CRT effects, neon glow, scanlines, phosphor green displays, or retro-futuristic interfaces.
35app-marketing-copy
Write marketing copy and App Store / Google Play listings (ASO keywords, titles, subtitles, short+long descriptions, feature bullets, release notes), plus screenshot caption sets and text-to-image prompt templates for generating store screenshot backgrounds/promo visuals. Use when asked to: write/refresh app marketing copy, craft app store metadata, brainstorm taglines/value props, produce ad/landing/email copy, or generate prompts for screenshot/creative generation.
33markdown-fetch
Fetch and extract web content as clean Markdown when provided with URLs. Use this skill whenever a user provides a URL (http/https link) that needs to be read, analyzed, summarized, or extracted. Converts web pages to Markdown with 80% fewer tokens than raw HTML. Handles all content types including JS-heavy sites, documentation, articles, and blog posts. Supports three conversion methods (auto, AI, browser rendering). Always use this instead of web_fetch when working with URLs - it's more efficient and provides cleaner output.
26llm-advisor
Consult other LLMs (GPT-4.1, o4-mini, Gemini 2.5 Pro, Claude Opus) for second opinions on complex bugs, hard problems, planning, and architecture decisions. Use proactively when stuck for 15+ minutes or facing complex debugging. Use when user says 'ask Gemini/GPT/Claude about X' or 'get a second opinion'.
22gsplat-optimizer
Optimize 3D Gaussian Splat scenes for real-time rendering on iOS, macOS, and visionOS. Use when working with .ply or .splat files, targeting mobile/Apple GPU performance, or needing LOD, pruning, or compression strategies for 3DGS scenes.
22