Wolf and Hare

Tag: component libraries

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

The Science Behind Apple's 'Whoosh': How Air Pockets and Design Create Unboxing Anticipation
The Science Behind Apple's 'Whoosh': How Air Pockets and Design Create Unboxing Anticipation

Jan 29 2026

Designing the Apple Store Experience: Try, Learn, and Decide with Confidence
Designing the Apple Store Experience: Try, Learn, and Decide with Confidence

Mar 13 2026

How Apple Recruits Designers: The Process for Global Talent and Team Cohesion
How Apple Recruits Designers: The Process for Global Talent and Team Cohesion

Jun 2 2026

Long-Term Cohesion: Evolving Design Language Without User Confusion
Long-Term Cohesion: Evolving Design Language Without User Confusion

Aug 17 2026

Retina Displays on MacBook: How Pixel Density Changed Interface Design
Retina Displays on MacBook: How Pixel Density Changed Interface Design

Sep 21 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.