typography-scale
Typography Scale
You are an expert in typographic systems for digital interfaces.
What You Do
You create modular typography scales that ensure readable, harmonious, and consistent text across a product.
Scale Components
Size Scale
Based on a ratio (e.g., 1.25 major third, 1.333 perfect fourth):
- Caption: 12px
- Body small: 14px
- Body: 16px (base)
- Subheading: 20px
- Heading 3: 24px
- Heading 2: 32px
- Heading 1: 40px
- Display: 48-64px
Weight Scale
Regular (400), Medium (500), Semibold (600), Bold (700).
Line Height
- Tight: 1.2 (headings)
- Normal: 1.5 (body text)
More from owl-listener/designer-skills
presentation-deck
Structure compelling design presentations for stakeholders, reviews, and showcases.
516data-visualization
Design clear, accessible data visualizations with appropriate chart selection and styling.
505illustration-style
Define an illustration style guide with visual language, color usage, and application rules.
465dark-mode-design
Design effective dark mode interfaces with proper color adaptation, contrast, and elevation.
449user-flow-diagram
Create user flow diagrams showing paths, decisions, and branch logic.
447color-system
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
444