Wolf and Hare

Tag: typography scales

SF Pro Text vs. Display: Typography Scales for Apple Component Libraries

SF Pro Text vs. Display: Typography Scales for Apple Component Libraries
  • Elias Voss
  • Elias Voss

23/08
0

Learn how to correctly implement SF Pro Text and Display variants in your component libraries. Understand the 20pt optical size threshold and how to set up design tokens for consistent typography across Apple platforms.

Read More...

Categories

  • Design & Technology (264)
  • Retail Design (15)
  • Design Tools (10)
  • Technology (7)
  • Design & Development (6)

Popular Articles

Apple's Design Review Process: Balancing Vision, Feasibility, and Quality
Apple's Design Review Process: Balancing Vision, Feasibility, and Quality

Apr 9 2026

Apple's Ecosystem Strategy: The Power of Hardware, Software, and Service Alignment
Apple's Ecosystem Strategy: The Power of Hardware, Software, and Service Alignment

Apr 10 2026

Thermal Paths as Design: How Apple Manages Heat in Thin Devices
Thermal Paths as Design: How Apple Manages Heat in Thin Devices

Apr 1 2026

Cohesive Design Across Apple Devices: How Shared Patterns Reduce Friction for Users
Cohesive Design Across Apple Devices: How Shared Patterns Reduce Friction for Users

Dec 18 2025

Reduced Motion on Apple: How Apple Preserves Meaning While Reducing Disabling Animations
Reduced Motion on Apple: How Apple Preserves Meaning While Reducing Disabling Animations

Jan 20 2026

Tags

  • Apple design
  • Apple ecosystem
  • industrial design
  • user experience
  • Apple typography
  • Apple Intelligence
  • Liquid Glass
  • inclusive design
  • Apple design philosophy
  • Apple Human Interface Guidelines
  • Apple packaging
  • Jony Ive
  • iOS design
  • unboxing experience
  • iOS 26
  • Apple accessibility
  • sustainable packaging
  • SF Pro
  • UI design
  • San Francisco font
Wolf and Hare

© 2026. All rights reserved.