Other rules
Layout
Icons
Spacings
For Large accessibility AX1, AX2, AX3, AX4, AX5 all spacings between elements stays the same as in default size, but spacings between blocks are increased by 40px.
For xLarge, xxLarge and xxxLarge all spacings between elements and blocks stays the same as in default size.
100%
AX1
125%
AX2
150%
AX3
175%
AX4
200%
AX5
100%
Default
Scale
Size
Elements such as cards or blocks become stacked.
Elements such as tabs become scrollable if does not fit screens size;
For Large accessibility AX1, AX2, AX3, AX4, AX5 secondary informative icons and images are not scaled, only primary interactive icons such as carets in accordions and buttons are scaled in following proportions:
For xLarge, xxLarge and xxxLarge all primary interactive icons, secondary informative icons and images are not scaled;
In addition to the standard dynamic type sizes, the system offers a number of even larger sizes for users with accessibility needs. Here are the weight, size, and leading values for each text style at the larger accessibility type sizes.
all app font sizes and line spacings are scaled with step of 4px (eg.: AX1 = xxxLarge + 4px; AX2 = AX1 + 4px; etc.).
For Large accessibility AX1, AX2, AX3, AX4, AX5
Larger accessibility type sizes
Regular
Auto
42
38
Body 1
Oblique
Auto
42
38
Label 2
Regular
Auto
42
40
Label 1
Regular
Auto
42
38
Title 1
Bold
Auto
42
40
Digit 4
Bold
Auto
42
42
Digit 3
Regular
Auto
50
50
Digit 2
Bold
Auto
50
50
Digit 1
Bold
Auto
42/50
41
Tab 2
Bold
Auto
50
50
Tab 1
Bold
Auto
52
42
Heading 2
Bold
Auto
50/58
48
Heading 1
Weight
Letter spacing
Line height
Size
Name
Regular
Auto
38
34
Body 1
Oblique
Auto
38
34
Label 2
Regular
Auto
38
36
Label 1
Regular
Auto
38
34
Title 1
Bold
Auto
38
36
Digit 4
Bold
Auto
38
38
Digit 3
Regular
Auto
46
46
Digit 2
Bold
Auto
46
46
Digit 1
Bold
Auto
38/46
37
Tab 2
Bold
Auto
46
46
Tab 1
Bold
Auto
48
38
Heading 2
Bold
Auto
46/54
44
Heading 1
Weight
Letter spacing
Line height
Size
Name
Regular
Auto
34
32
Body 1
Oblique
Auto
34
30
Label 2
Regular
Auto
34
32
Label 1
Regular
Auto
34
30
Title 1
Bold
Auto
34
32
Digit 4
Bold
Auto
34
34
Digit 3
Regular
Auto
42
42
Digit 2
Bold
Auto
42
42
Digit 1
Bold
Auto
34/42
33
Tab 2
Bold
Auto
42
42
Tab 1
Bold
Auto
44
34
Heading 2
Bold
Auto
42/50
40
Heading 1
Weight
Letter spacing
Line height
Size
Name
Regular
Auto
30
28
Body 1
Oblique
Auto
30
26
Label 2
Regular
Auto
30
28
Label 1
Regular
Auto
30
26
Title 1
Bold
Auto
30
28
Digit 4
Bold
Auto
30
30
Digit 3
Regular
Auto
38
38
Digit 2
Bold
Auto
38
38
Digit 1
Bold
Auto
32/38
29
Tab 2
Bold
Auto
38
38
Tab 1
Bold
Auto
40
30
Heading 2
Bold
Auto
38/46
36
Heading 1
Weight
Letter spacing
Line height
Size
Name
Regular
Auto
26
24
Body 1
Oblique
Auto
26
22
Label 2
Regular
Auto
26
24
Label 1
Regular
Auto
26
22
Title 1
Bold
Auto
26
24
Digit 4
Bold
Auto
26
26
Digit 3
Regular
Auto
34
34
Digit 2
Bold
Auto
34
34
Digit 1
Bold
Auto
28/34
25
Tab 2
Bold
Auto
34
34
Tab 1
Bold
Auto
36
26
Heading 2
Bold
Auto
34/42
32
Heading 1
Weight
Letter spacing
Line height
Size
Name
AX5
AX4
AX3
AX2
AX1
Dynamic Type provides additional flexibility by letting readers choose their preferred text size. Here are the weight, size, and leading values for each text style at different Dynamic Type sizes.
For xLarge, xxLarge and xxxLarge
all app font sizes and line spacings are scaled with step of 2px (eg.: xLarge = Default + 2px; xxLarge = XLarge + 2px; etc.).
Dynamic type
Regular
Auto
18
16
Body 1
Oblique
Auto
18
14
Label 2
Regular
Auto
18
16
Label 1
Regular
Auto
18
14
Title 1
Bold
Auto
18
16
Digit 4
Bold
Auto
18
18
Digit 3
Regular
Auto
26
26
Digit 2
Bold
Auto
26
26
Digit 1
Bold
Auto
20/26
17
Tab 2
Bold
Auto
26
26
Tab 1
Bold
Auto
28
18
Heading 2
Bold
Auto
26/34
24
Heading 1
Weight
Letter spacing
Line height
Size
Name
Regular
Auto
20
18
Body 1
Oblique
Auto
20
16
Label 2
Regular
Auto
20
18
Label 1
Regular
Auto
20
16
Title 1
Bold
Auto
20
18
Digit 4
Bold
Auto
20
20
Digit 3
Regular
Auto
28
28
Digit 2
Bold
Auto
28
28
Digit 1
Bold
Auto
22/28
19
Tab 2
Bold
Auto
28
28
Tab 1
Bold
Auto
30
20
Heading 2
Bold
Auto
28/36
26
Heading 1
Weight
Letter spacing
Line height
Size
Name
Regular
Auto
16
14
Body 1
Regular
Auto
16
14
Label 1
Oblique
Auto
16
12
Label 1
Regular
Auto
16
12
Title 1
Regular
Auto
24
24
Digit 2
Bold
Auto
16
14
Digit 4
Bold
Auto
16
16
Digit 3
Bold
Auto
24
24
Digit 1
Bold
Auto
24
24
Tab 1
Bold
Auto
18/24
15
Tab 2
Bold
Auto
24
16
Heading 2
Bold
Auto
24/32
22
Heading 1
Weight
Letter spacing
Line height
Size
Name
Regular
Auto
22
20
Body 1
Oblique
Auto
22
18
Label 2
Regular
Auto
22
20
Label 1
Regular
Auto
22
18
Title 1
Bold
Auto
22
20
Digit 4
Bold
Auto
22
22
Digit 3
Regular
Auto
30
30
Digit 2
Bold
Auto
30
30
Digit 1
Bold
Auto
24/30
21
Tab 2
Bold
Auto
30
30
Tab 1
Bold
Auto
32
22
Heading 2
Bold
Auto
30/38
28
Heading 1
Weight
Letter spacing
Line height
Size
Name
xxxLarge
xxLarge
xLarge
Default
Back to top
Other rules
Larger accessibility type sizes
Dynamic type
CONTENTS