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 |
