apple-macos-27-design / references/text-styles.md

Text styles — macOS 27

Read when: you need an exact macOS 27 value for text styles as Apple's kit stores it. Owns: every shared text style: font, size, line height, tracking and colour.

Source: Apple macOS 27 UI Kit.sketch from Apple Design Resources (developer.apple.com/design/resources), read 2026-11-01. Every value below is copied from the kit's shared tokens by a script; nothing is estimated. Font names are PostScript names as stored (SFPro-Bold = SF Pro Bold). Tracking is Sketch kerning in points.

Style Font (PostScript name) Size Line height Tracking Colour
01 LargeTitle/Default SFPro-Regular 26 32 0 #000000@85%
01 LargeTitle/Emphasized SFPro-Bold 26 32 0 #000000@85%
02 Title1/Default SFPro-Regular 22 26 0 #000000@85%
02 Title1/Emphasized SFPro-Bold 22 26 0 #000000@85%
03 Title2/Default SFPro-Regular 17 22 0 #000000@85%
03 Title2/Emphasized SFPro-Bold 17 22 0 #000000@85%
04 Title3/Default SFPro-Regular 15 20 0 #000000@85%
04 Title3/Emphasized SFPro-Semibold 15 20 0 #000000@85%
05 Headline/Default SFPro-Bold 13 16 0 #000000@85%
05 Headline/Emphasized SFPro-Heavy 13 16 0 #000000@85%
06 Body/Default SFPro-Regular 13 16 0 #000000@85%
06 Body/Emphasized SFPro-Semibold 13 16 0 #000000@85%
07 Callout/Default SFPro-Regular 12 15 0 #000000@85%
07 Callout/Emphasized SFPro-Semibold 12 15 0 #000000@85%
08 Subheadline/Default SFPro-Regular 11 14 0 #000000@85%
08 Subheadline/Emphasized SFPro-Semibold 11 14 0 #000000@85%
09 Footnote/Default SFPro-Regular 10 13 0 #000000@85%
09 Footnote/Emphasized SFPro-Semibold 10 13 0 #000000@85%
10 Caption1/Default SFPro-Regular 10 13 0 #000000@85%
10 Caption1/Emphasized SFPro-Semibold 10 13 0 #000000@85%
11 Caption2/Default SFPro-Regular 10 13 0 #000000@85%
11 Caption2/Emphasized SFPro-Semibold 10 13 0 #000000@85%
Loose Leading/01 LargeTitle/Default SFPro-Regular 26 34 0 #000000@85%
Loose Leading/01 LargeTitle/Emphasized SFPro-Bold 26 34 0 #000000@85%
Loose Leading/02 Title1/Default SFPro-Regular 22 28 0 #000000@85%
Loose Leading/02 Title1/Emphasized SFPro-Bold 22 28 0 #000000@85%
Loose Leading/03 Title2/Default SFPro-Regular 17 24 0 #000000@85%
Loose Leading/03 Title2/Emphasized SFPro-Bold 17 24 0 #000000@85%
Loose Leading/04 Title3/Default SFPro-Regular 15 22 0 #000000@85%
Loose Leading/04 Title3/Emphasized SFPro-Semibold 15 22 0 #000000@85%
Loose Leading/05 Headline/Default SFPro-Bold 13 18 0 #000000@85%
Loose Leading/05 Headline/Emphasized SFPro-Heavy 13 18 0 #000000@85%
Loose Leading/06 Body/Default SFPro-Regular 13 18 0 #000000@85%
Loose Leading/06 Body/Emphasized SFPro-Semibold 13 18 0 #000000@85%
Loose Leading/07 Callout/Default SFPro-Regular 12 17 0 #000000@85%
Loose Leading/07 Callout/Emphasized SFPro-Semibold 12 17 0 #000000@85%
Loose Leading/08 Subheadline/Default SFPro-Regular 11 16 0 #000000@85%
Loose Leading/08 Subheadline/Emphasized SFPro-Semibold 11 16 0 #000000@85%
Loose Leading/09 Footnote/Default SFPro-Regular 10 15 0 #000000@85%
Loose Leading/09 Footnote/Emphasized SFPro-Semibold 10 15 0 #000000@85%
Loose Leading/10 Caption1/Default SFPro-Regular 10 15 0 #000000@85%
Loose Leading/10 Caption1/Emphasized SFPro-Semibold 10 15 0 #000000@85%
Loose Leading/11 Caption2/Default SFPro-Regular 10 15 0 #000000@85%
Loose Leading/11 Caption2/Emphasized SFPro-Semibold 10 15 0 #000000@85%
Secondary Style SFPro-Regular 17 22 0 #333333@62%
Tight Leading/01 LargeTitle/Default SFPro-Regular 26 30 0 #000000@85%
Tight Leading/01 LargeTitle/Emphasized SFPro-Bold 26 30 0 #000000@85%
Tight Leading/02 Title1/Default SFPro-Regular 22 24 0 #000000@85%
Tight Leading/02 Title1/Emphasized SFPro-Bold 22 24 0 #000000@85%
Tight Leading/03 Title2/Default SFPro-Regular 17 20 0 #000000@85%
Tight Leading/03 Title2/Emphasized SFPro-Bold 17 20 0 #000000@85%
Tight Leading/04 Title3/Default SFPro-Regular 15 18 0 #000000@85%
Tight Leading/04 Title3/Emphasized SFPro-Semibold 15 18 0 #000000@85%
Tight Leading/05 Headline/Default SFPro-Bold 13 14 0 #000000@85%
Tight Leading/05 Headline/Emphasized SFPro-Heavy 13 14 0 #000000@85%
Tight Leading/06 Body/Default SFPro-Regular 13 14 0 #000000@85%
Tight Leading/06 Body/Emphasized SFPro-Semibold 13 14 0 #000000@85%
Tight Leading/07 Callout/Default SFPro-Regular 12 13 0 #000000@85%
Tight Leading/07 Callout/Emphasized SFPro-Semibold 12 13 0 #000000@85%
Tight Leading/08 Subheadline/Default SFPro-Regular 11 12 0 #000000@85%
Tight Leading/08 Subheadline/Emphasized SFPro-Semibold 11 12 0 #000000@85%
Tight Leading/09 Footnote/Default SFPro-Regular 10 11 0 #000000@85%
Tight Leading/09 Footnote/Emphasized SFPro-Semibold 10 11 0 #000000@85%
Tight Leading/10 Caption1/Default SFPro-Regular 10 11 0 #000000@85%
Tight Leading/10 Caption1/Emphasized SFPro-Semibold 10 11 0 #000000@85%
Tight Leading/11 Caption2/Default SFPro-Regular 10 11 0 #000000@85%
Tight Leading/11 Caption2/Emphasized SFPro-Semibold 10 11 0 #000000@85%