Wolf and Hare

Tag: Figma variables

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 (288)
  • Retail Design (16)
  • Design Tools (13)
  • Technology (7)
  • Design & Development (7)

Popular Articles

How Apple Measures Design Impact: Quality, Adoption, and Ecosystem Fit
How Apple Measures Design Impact: Quality, Adoption, and Ecosystem Fit

Jan 31 2026

Designing for Device Roles: How Apple’s Ecosystem Uses Complementary Strengths
Designing for Device Roles: How Apple’s Ecosystem Uses Complementary Strengths

Dec 25 2025

How iPhone Camera Image Pipeline Integration Creates a Seamless UX
How iPhone Camera Image Pipeline Integration Creates a Seamless UX

Feb 12 2026

iPad Ergonomics Guide: Mastering Weight, Balance, and Hand Positions
iPad Ergonomics Guide: Mastering Weight, Balance, and Hand Positions

May 14 2026

Designing App Icons for Apple Ecosystem: Layered Depth and Brand Consistency
Designing App Icons for Apple Ecosystem: Layered Depth and Brand Consistency

Jan 22 2026

Tags

  • Apple design
  • user experience
  • industrial design
  • Apple ecosystem
  • inclusive design
  • Apple typography
  • Apple Intelligence
  • Liquid Glass
  • Apple design philosophy
  • Apple Human Interface Guidelines
  • Apple packaging
  • Jony Ive
  • unboxing experience
  • Apple design history
  • iOS design
  • iOS 26
  • Apple accessibility
  • sustainable packaging
  • Apple industrial design
  • VoiceOver
Wolf and Hare

© 2026. All rights reserved.