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

Text styles — iOS 27

Read when: you need an exact iOS 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 iOS 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/1 Default SFPro-Regular 34 41 0 #000000
01 LargeTitle/2 Bold SFPro-Bold 34 41 0 #000000
02 Title1/1 Default SFPro-Regular 28 34 0 #000000
02 Title1/2 Bold SFPro-Bold 28 34 0 #000000
03 Title2/1 Default SFPro-Regular 22 28 0 #000000
03 Title2/2 Bold SFPro-Bold 22 28 0 #000000
04 Title3/1 Default SFPro-Regular 20 25 0 #000000
04 Title3/2 Bold SFPro-Semibold 20 25 0 #000000
05 Headline/1 Default SFPro-Semibold 17 22 0 #000000
05 Headline/4 Bold Italic SFPro-SemiboldItalic 17 22 0 #000000
06 Body/1 Default SFPro-Regular 17 22 0 #000000
06 Body/2 Bold SFPro-Semibold 17 22 0 #000000
06 Body/3 Italic SFPro-RegularItalic 17 22 0 #000000
06 Body/4 Bold Italic SFPro-SemiboldItalic 17 22 0 #000000
06 Body/Default SFPro-Regular 17 22 0 #000000
07 Callout/1 Default SFPro-Regular 16 21 0 #000000
07 Callout/2 Bold SFPro-Semibold 16 21 0 #000000
07 Callout/3 Italic SFPro-RegularItalic 16 21 0 #000000
07 Callout/4 Bold Italic SFPro-SemiboldItalic 16 21 0 #000000
08 Subheadline/1 Default SFPro-Regular 15 20 0 #000000
08 Subheadline/2 Bold SFPro-Semibold 15 20 0 #000000
08 Subheadline/3 Italic SFPro-RegularItalic 15 20 0 #000000
08 Subheadline/4 Bold Italic SFPro-SemiboldItalic 15 20 0 #000000
09 Footnote/1 Default SFPro-Regular 13 18 0 #000000
09 Footnote/2 Bold SFPro-Semibold 13 18 0 #000000
09 Footnote/3 Italic SFPro-RegularItalic 13 18 0 #000000
09 Footnote/4 Bold Italic SFPro-SemiboldItalic 13 18 0 #000000
10 Caption1/1 Default SFPro-Regular 12 16 0 #000000
10 Caption1/2 Bold SFPro-Medium 12 16 0 #000000
10 Caption1/3 Italic SFPro-RegularItalic 12 16 0 #000000
10 Caption1/4 Bold Italic SFPro-MediumItalic 12 16 0 #000000
11 Caption2/1 Default SFPro-Regular 11 13 0 #000000
11 Caption2/2 Bold SFPro-Semibold 11 13 0 #000000
11 Caption2/3 Italic SFPro-RegularItalic 11 13 0 #000000
11 Caption2/4 Bold Italic SFPro-SemiboldItalic 11 13 0 #000000
Loose Leading/01 LargeTitle/1 Default SFPro-Regular 34 43 0 #000000
Loose Leading/01 LargeTitle/2 Bold SFPro-Bold 34 43 0 #000000
Loose Leading/02 Title1/1 Default SFPro-Regular 28 36 0 #000000
Loose Leading/02 Title1/2 Bold SFPro-Bold 28 36 0 #000000
Loose Leading/03 Title2/1 Default SFPro-Regular 22 30 0 #000000
Loose Leading/03 Title2/2 Bold SFPro-Bold 22 30 0 #000000
Loose Leading/04 Title3/1 Default SFPro-Regular 20 27 0 #000000
Loose Leading/04 Title3/2 Bold SFPro-Semibold 20 27 0 #000000
Loose Leading/05 Headline/1 Default SFPro-Semibold 17 24 0 #000000
Loose Leading/05 Headline/4 Bold Italic SFPro-SemiboldItalic 17 24 0 #000000
Loose Leading/06 Body/1 Default SFPro-Regular 17 24 0 #000000
Loose Leading/06 Body/2 Bold SFPro-Semibold 17 24 0 #000000
Loose Leading/06 Body/3 Italic SFPro-RegularItalic 17 24 0 #000000
Loose Leading/06 Body/4 Bold Italic SFPro-SemiboldItalic 17 24 0 #000000
Loose Leading/06 Body/Default SFPro-Regular 17 24 0 #000000
Loose Leading/07 Callout/1 Default SFPro-Regular 16 23 0 #000000
Loose Leading/07 Callout/2 Bold SFPro-Semibold 16 23 0 #000000
Loose Leading/07 Callout/3 Italic SFPro-RegularItalic 16 23 0 #000000
Loose Leading/07 Callout/4 Bold Italic SFPro-SemiboldItalic 16 23 0 #000000
Loose Leading/08 Subheadline/1 Default SFPro-Regular 15 22 0 #000000
Loose Leading/08 Subheadline/2 Bold SFPro-Semibold 15 22 0 #000000
Loose Leading/08 Subheadline/3 Italic SFPro-RegularItalic 15 22 0 #000000
Loose Leading/08 Subheadline/4 Bold Italic SFPro-SemiboldItalic 15 22 0 #000000
Loose Leading/09 Footnote/1 Default SFPro-Regular 13 20 0 #000000
Loose Leading/09 Footnote/2 Bold SFPro-Semibold 13 20 0 #000000
Loose Leading/09 Footnote/3 Italic SFPro-RegularItalic 13 20 0 #000000
Loose Leading/09 Footnote/4 Bold Italic SFPro-SemiboldItalic 13 20 0 #000000
Loose Leading/10 Caption1/1 Default SFPro-Regular 12 18 0 #000000
Loose Leading/10 Caption1/2 Bold SFPro-Medium 12 18 0 #000000
Loose Leading/10 Caption1/3 Italic SFPro-RegularItalic 12 18 0 #000000
Loose Leading/10 Caption1/4 Bold Italic SFPro-MediumItalic 12 18 0 #000000
Loose Leading/11 Caption2/1 Default SFPro-Regular 11 15 0 #000000
Loose Leading/11 Caption2/2 Bold SFPro-Semibold 11 15 0 #000000
Loose Leading/11 Caption2/3 Italic SFPro-RegularItalic 11 15 0 #000000
Loose Leading/11 Caption2/4 Bold Italic SFPro-SemiboldItalic 11 15 0 #000000
Tight Leading/01 LargeTitle/1 Default SFPro-Regular 34 39 0 #000000
Tight Leading/01 LargeTitle/2 Bold SFPro-Bold 34 39 0 #000000
Tight Leading/02 Title1/1 Default SFPro-Regular 28 32 0 #000000
Tight Leading/02 Title1/2 Bold SFPro-Bold 28 32 0 #000000
Tight Leading/03 Title2/1 Default SFPro-Regular 22 26 0 #000000
Tight Leading/03 Title2/2 Bold SFPro-Bold 22 26 0 #000000
Tight Leading/04 Title3/1 Default SFPro-Regular 20 23 0 #000000
Tight Leading/04 Title3/2 Bold SFPro-Semibold 20 23 0 #000000
Tight Leading/05 Headline/1 Default SFPro-Semibold 17 20 0 #000000
Tight Leading/05 Headline/4 Bold Italic SFPro-SemiboldItalic 17 20 0 #000000
Tight Leading/06 Body/1 Default SFPro-Regular 17 20 0 #000000
Tight Leading/06 Body/2 Bold SFPro-Semibold 17 20 0 #000000
Tight Leading/06 Body/3 Italic SFPro-RegularItalic 17 20 0 #000000
Tight Leading/06 Body/4 Bold Italic SFPro-SemiboldItalic 17 20 0 #000000
Tight Leading/06 Body/Default SFPro-Regular 17 20 0 #000000
Tight Leading/07 Callout/1 Default SFPro-Regular 16 19 0 #000000
Tight Leading/07 Callout/2 Bold SFPro-Semibold 16 19 0 #000000
Tight Leading/07 Callout/3 Italic SFPro-RegularItalic 16 19 0 #000000
Tight Leading/07 Callout/4 Bold Italic SFPro-SemiboldItalic 16 19 0 #000000
Tight Leading/08 Subheadline/1 Default SFPro-Regular 15 18 0 #000000
Tight Leading/08 Subheadline/2 Bold SFPro-Semibold 15 18 0 #000000
Tight Leading/08 Subheadline/3 Italic SFPro-RegularItalic 15 18 0 #000000
Tight Leading/08 Subheadline/4 Bold Italic SFPro-SemiboldItalic 15 18 0 #000000
Tight Leading/09 Footnote/1 Default SFPro-Regular 13 16 0 #000000
Tight Leading/09 Footnote/2 Bold SFPro-Semibold 13 16 0 #000000
Tight Leading/09 Footnote/3 Italic SFPro-RegularItalic 13 16 0 #000000
Tight Leading/09 Footnote/4 Bold Italic SFPro-SemiboldItalic 13 16 0 #000000
Tight Leading/10 Caption1/1 Default SFPro-Regular 12 14 0 #000000
Tight Leading/10 Caption1/2 Bold SFPro-Medium 12 14 0 #000000
Tight Leading/10 Caption1/3 Italic SFPro-RegularItalic 12 14 0 #000000
Tight Leading/10 Caption1/4 Bold Italic SFPro-MediumItalic 12 14 0 #000000
Tight Leading/11 Caption2/1 Default SFPro-Regular 11 11 0 #000000
Tight Leading/11 Caption2/2 Bold SFPro-Semibold 11 11 0 #000000
Tight Leading/11 Caption2/3 Italic SFPro-RegularItalic 11 11 0 #000000
Tight Leading/11 Caption2/4 Bold Italic SFPro-SemiboldItalic 11 11 0 #000000

The Dynamic Type size tables are on the kit's Text Styles page; see text-styles-and-dynamic-type.md and specs/text-styles-and-dynamic-type.txt.