Resolutions
| Device | Portrait Pixels | Landscape Pixels | Portrait Logical Resolution | Landscape Logical Resolution |
|---|---|---|---|---|
|
iPhone 6.7-inch iPhone 12 Pro Max |
1284 x 2778 px |
2778 x 1284 px |
428 x 926 points |
926 x 428 points |
|
iPhone 6.5-inch iPhone XS Max, iPhone 11 Pro Max |
1242 x 2688 px |
2688 x 1242 px |
414 x 896 points |
896 x 414 points |
|
iPhone 6.1-inch iPhone 12, iPhone 12 Pro |
1170 x 2532 px |
2532 x 1170 px |
390 x 844 points |
844 x 390 points |
|
iPhone 6.1-inch iPhone XR, iPhone 11 |
828 x 1792 px |
1792 x 828 px |
414 x 896 points |
896 x 414 points |
|
iPhone 5.8-inch iPhone X, iPhone XS, iPhone 11 Pro |
1125 x 2436 px |
2436 x 1125 px |
375 x 812 points |
812 x 375 points |
|
iPhone 5.5-inch (Physical) iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus |
1080 x 1920 px |
1920 x 1080 px |
414 x 736 points |
736 x 414 points |
|
iPhone 5.4-inch iPhone 12 Mini |
1080 x 2340 px |
2340 x 1080 px |
375 x 812 points |
812 x 375 points |
|
iPhone 5.5-inch (Virtual) iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus |
1242 x 2208 px |
2208 x 1242 px |
414 x 736 points |
736 x 414 points |
|
iPhone 4.7-inch iPhone 6, iPhone 6S, iPhone 7, iPhone 8, iPhone SE2 |
750 x 1334 px |
1334 x 750 px |
375 x 667 points |
667 x 375 points |
|
iPhone 4-inch iPhone 5, iPhone 5S, iPhone 5C, iPhone SE |
640 x 1136 px |
1136 x 640 px |
320 x 568 points |
568 x 320 points |
|
iPhone 3.5-inch iPhone 4, iPhone 4S |
640 x 960 px |
960 x 640 px |
320 x 480 points |
480 x 320 points |
|
iPhone (Legacy) & iPod Touch 1st, 2nd and 3rd Generation |
320 x 480 px |
480 x 320 px |
320 x 480 points |
480 x 320 points |
|
iPad Pro 12.9-inch iPad Pro 12.9-inch 1st, 2nd, 3rd and 4th Generation |
2048 x 2732 px |
2732 x 2048 px |
1024 x 1366 points |
1366 x 1024 points |
|
iPad Pro 11-inch iPad Pro 11-inch 1st and 2nd Generation |
1668 x 2388 px |
2388 x 1668 px |
834 x 1194 points |
1194 x 834 points |
|
iPad 10.5-inch iPad Pro 10.5, iPad Air 3rd Generation |
1668 x 2224 px |
2224 x 1668 px |
834 x 1112 points |
1112 x 834 points |
|
iPad 10.2-inch iPad 7th Generation |
1620 x 2160 px |
2160 x 1620 px |
810 x 1080 points |
1080 x 810 points |
|
iPad 9.7-inch Retina iPad 3rd, iPad 4th, iPad Air 1st, iPad Air 2nd, iPad Pro 9.7-inch, iPad 5th, iPad 6th Generation |
1536 x 2048 px |
2048 x 1536 px |
768 x 1024 points |
1024 x 768 points |
|
iPad (Legacy) 1st and 2nd Generation |
768 x 1024 px |
1024 x 768 px |
768 x 1024 points |
1024 x 768 points |
|
iPad Mini Retina iPad Mini 2nd, 3rd, 4th and 5th Generation |
1536 x 2048 px |
2048 x 1536 px |
768 x 1024 points |
1024 x 768 points |
|
iPad Mini (Legacy) iPad Mini 1st Generation |
768 x 1024 px |
1024 x 768 px |
768 x 1024 points |
1024 x 768 points |
Displays
| Device | Size | PPI | Assets | Color Mode | Color Temperature |
|---|---|---|---|---|---|
|
iPhone 6.5-inch iPhone XS Max, iPhone 11 Pro Max |
6.5″ |
458 |
|
8bit RGB |
Warm |
|
iPhone 6.1-inch iPhone XR, iPhone 11 |
6.1″ |
326 |
|
8bit RGB |
Warm |
|
iPhone 5.8-inch iPhone X, iPhone XS, iPhone 11 Pro |
5.8″ |
458 |
|
8bit RGB |
Warm |
|
iPhone 5.5-inch iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus |
5.5″ |
401 |
|
8bit RGB |
Warm |
|
iPhone 4.7-inch iPhone 6, iPhone 6S, iPhone 7, iPhone 8 |
4.7″ |
326 |
|
8bit RGB |
Warm |
|
iPhone 4-inch iPhone 5, iPhone 5S, iPhone 5C, iPhone SE |
4.0″ |
326 |
|
8bit RGB |
Warm |
|
iPhone 3.5-inch iPhone 4, iPhone 4S |
3.5″ |
326 |
|
8bit RGB |
Cool |
|
iPhone (Legacy) & iPod Touch 1st, 2nd and 3rd Generation |
3.5″ |
163 |
|
8bit RGB |
Warm |
|
iPad Pro 12.9-inch 1st, 2nd, 3rd, 4th Generation |
12.9" |
264 |
|
8bit RGB |
Warm |
|
iPad Pro 11-inch 1st, 2nd Generation |
11" |
264 |
|
8bit RGB |
Warm |
|
iPad 10.5-inch iPad Pro 10.5, iPad Air 3rd Generation |
10.5" |
264 |
|
8bit RGB |
Warm |
|
iPad 10.2-inch iPad Air 7th Generation |
10.5" |
264 |
|
8bit RGB |
Warm |
|
iPad 9.7 Retina iPad 3rd, iPad 4th, iPad Air 1st, iPad Air 2nd, iPad Pro 9.7-inch, iPad 5th, iPad 6th |
9.7″ |
264 |
|
8bit RGB |
Warm |
|
iPad (Legacy) 1st and 2nd Generation |
9.7″ |
132 |
|
8bit RGB |
Warm |
|
iPad Mini Retina iPad Mini 2nd, 3rd, 4th, 5th Generation |
7.9″ |
326 |
|
8bit RGB |
Warm |
|
iPad Mini (Legacy) iPad Mini 1st Generation |
7.9″ |
163 |
|
8bit RGB |
Warm |
Dimensions
| Device | App Icon | App Store Icon | Spotlight Icon | Settings Icon |
|---|---|---|---|---|
|
iPhone 6.5-inch iPhone XS Max, iPhone 11 Pro Max |
180 x 180 px |
1024 x 1024 px |
120 x 120 px |
87 x 87 px |
|
iPhone 6.1-inch iPhone XR, iPhone 11 |
120 x 120 px |
1024 x 1024 px |
80 x 80 px |
58 x 58 px |
|
iPhone 5.8-inch iPhone X, iPhone XS, iPhone 11 Pro |
180 x 180 px |
1024 x 1024 px |
120 x 120 px |
87 x 87 px |
|
iPhone 5.5-inch iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus |
180 x 180 px |
1024 x 1024 px |
120 x 120 px |
87 x 87 px |
|
iPhone 4.7-inch iPhone 6, iPhone 6S, iPhone 7, iPhone 8 |
120 x 120 px |
1024 x 1024 px |
80 x 80 px |
58 x 58 px |
|
iPhone 4-inch iPhone 5, iPhone 5S, iPhone 5C, iPhone SE |
120 x 120 px |
1024 x 1024 px |
80 x 80 px |
58 x 58 px |
|
iPhone 3.5-inch iPhone 4, iPhone 4S |
120 x 120 px |
1024 x 1024 px |
80 x 80 px |
58 x 58 px |
|
iPad Pro 12.9-inch iPad Pro 12.9-inch 1st, 2nd, 3rd, 4th Generation |
167 x 167 px |
1024 x 1024 px |
80 x 80 px |
58 x 58 px |
|
iPad Pro 11-inch iPad Pro 11-inch 1st, 2nd Generation |
167 x 167 px |
1024 x 1024 px |
80 x 80 px |
58 x 58 px |
|
iPad 10.5-inch iPad Pro 10.5, iPad Air 3th Generation |
167 x 167 px |
1024 x 1024 px |
80 x 80 px |
58 x 58 px |
|
iPad 9.7 Retina iPad 3rd, iPad 4th, iPad Air 1st, iPad Air 2nd, iPad Pro 9.7-inch, iPad 5th, iPad 6th Generation |
152 x 152 px |
1024 x 1024 px |
80 x 80 px |
58 x 58 px |
|
iPad (Legacy) iPad 1st, 2nd Generation |
76 x 76 px |
512 x 512 px |
40 x 40 px |
29 x 29 px |
|
iPad Mini Retina iPad Mini 2nd, 3rd, 4th and 5th Generation |
152 x 152 px |
1024 x 1024 px |
80 x 80 px |
58 x 58 px |
|
iPad Mini (Legacy) iPad Mini 1st Generation |
76 x 76 px |
512 x 512 px |
40 x 40 px |
29 x 29 px |
Common Design Elements
| Device | Status Bar Height | Navigation Bar Height | Tab Bar Height | Table Width |
|---|---|---|---|---|
|
iPhone 6.5-inch iPhone XS Max, iPhone 11 Pro Max |
132 px |
132 / 408 px |
146 px (Home Indicator: 102px) |
1242 / 2688 px |
|
iPhone 6.1-inch iPhone XR, iPhone 11 |
88 px |
88 / 272 px |
98 px (Home Indicator: 68px) |
828 / 1792 px |
|
iPhone 5.8-inch iPhone X, iPhone XS, iPhone 11 Pro |
132 px |
132 / 408 px |
146 px (Home Indicator: 102px) |
1125 / 2436 px |
|
iPhone 5.5-inch iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus |
54 px |
132 px |
146 px |
1080 / 1920 px |
|
iPhone 4.7-inch iPhone 6, iPhone 6S, iPhone 7, iPhone 8 |
40 px |
88 / 64 px |
98 px |
750 / 1334 px |
|
iPhone 4-inch iPhone 5, iPhone 5S, iPhone 5C, iPhone SE |
40 px |
88 / 64 px |
98 px |
640 / 1136 px |
|
iPhone 3.5-inch iPhone 4, iPhone 4S |
40 px |
88 / 64 px |
98 px |
640 / 960 px |
|
iPad Retina iPad 3, 4, 5, 6, 7, Air 1, Air 2, Air 3, Pro, Mini 2, 3, 4, 5 |
40 px |
88 px |
112 px |
dynamic |
|
iPad Mini (Legacy) |
20 px |
44 px |
56 px |
dynamic |
|
iPad (Legacy) 1st and 2nd Generation |
20 px |
44 px |
56 px |
dynamic |
Icons
| Device | Toolbar and Navigation Bar Icon | Tab Bar Icon |
|---|---|---|
|
iPhone 6.5-inch iPhone XS Max, iPhone 11 Pro Max |
66 x 66 px |
75 x 75 px (max 144 x 96 px) |
|
iPhone 6.1-inch iPhone XR, iPhone 11 |
44 x 44 px |
50 x 50 px (max 96 x 64 px) |
|
iPhone 5.8-inch iPhone X, iPhone XS, iPhone 11 Pro |
66 x 66 px |
75 x 75 px (max 144 x 96 px) |
|
iPhone 5.5-inch iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus |
66 x 66 px |
75 x 75 px (max 144 x 96 px) |
|
iPhone 4.7-inch iPhone 6, iPhone 6S, iPhone 7, iPhone 8 |
44 x 44 px |
50 x 50 px (max 96 x 64 px) |
|
iPhone 4-inch iPhone 5, iPhone 5S, iPhone 5C, iPhone SE |
44 x 44 px |
50 x 50 px (max 96 x 64 px) |
|
iPhone 3.5-inch iPhone 4, iPhone 4S |
44 x 44 px |
50 x 50 px (max 96 x 64 px) |
|
iPad Retina iPad 3, 4, 5, 6, Air 1, Air 2, Pro, Mini Retina |
44 x 44 px |
50 x 50 px (max 96 x 64 px) |
|
iPad Mini 1st Generation |
22 x 22 px |
25 x 25 px (max 48 x 32 px) |
|
iPad 1st and 2nd Generation |
22 x 22 px |
25 x 25 px (max 48 x 32 px) |
Default Font Sizes iPhone 5/5C/5S/SE/6/6S/7/8
| Label Type | Default Font Size | Default Font Weight |
|---|---|---|
|
Navigation bar title |
34 px |
Medium |
|
Regular buttons |
34 px |
Light |
|
Table header |
34 px |
Light |
|
Table label |
28 px |
Regular |
|
Tab bar icon labels |
20 px |
Regular |
Default Font Sizes iPhone 6 Plus/6S Plus/7 Plus/8 Plus
| Label Type | Default Font Size | Default Font Weight |
|---|---|---|
|
Navigation bar title |
48 px |
Medium |
|
Regular buttons |
48 px |
Light |
|
Table header |
48 px |
Light |
|
Table label |
44 px |
Regular |
|
Tab bar icon labels |
30 px |
Regular |
Default Font Sizes iPhone X/XS/11 Pro/XS Max/11 Pro Max
| Label Type | Default Font Size | Default Font Weight |
|---|---|---|
|
Navigation bar title |
48 px |
Medium |
|
Regular buttons |
48 px |
Light |
|
Table header |
48 px |
Light |
|
Table label |
44 px |
Regular |
|
Tab bar icon labels |
30 px |
Regular |
Default Font Sizes iPhone XR/11
| Label Type | Default Font Size | Default Font Weight |
|---|---|---|
|
Navigation bar title |
34 px |
Medium |
|
Regular buttons |
34 px |
Light |
|
Table header |
34 px |
Light |
|
Table label |
28 px |
Regular |
|
Tab bar icon labels |
20 px |
Regular |
Size Classes For Adaptive Layout
| Device Orientation | Size Class |
|---|---|
|
iPad - Portrait |
Height: Regular | Width: Regular |
|
iPad - Landscape |
Height: Regular | Width: Regular |
|
iPhone 6 Plus/6S Plus/7 Plus/8 Plus - Portrait |
Height: Regular | Width: Compact |
|
iPhone 6 Plus/6S Plus/7 Plus/8 Plus - Landscape |
Height: Compact | Width: Regular |
|
iPhone 5/5C/5S/SE/6/6S/7/8 - Portrait |
Height: Regular | Width: Compact |
|
iPhone 5/5C/5S/SE/6/6S/7/8 - Landscape |
Height: Compact | Width: Compact |
|
iPhone X/XS/11 Pro/XR/XS Max/11 Pro Max - Portrait |
Height: Regular | Width: Compact |
|
iPhone X/XS/XR/11/11 Pro/XS Max/11 Pro Max - Landscape |
Height: Compact | Width: Compact |