iOS Design

Enjoy this cheat sheet at its fullest within Dash, the macOS documentation browser.

Resolutions

Device Portrait Pixels Landscape Pixels Portrait Logical Resolution Landscape Logical Resolution

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 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.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

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 and 3rd Generation

2048 x 2732 px

2732 x 2048 px

1024 x 1366 points

1366 x 1024 points

iPad 10.5-inch

iPad Pro 10.5, iPad Air 10.5

1668 x 2224 px

2224 x 1668 px

834 x 1112 points

1112 x 834 points

iPad 10.2-inch

iPad 10.2

1620 x 2160 px

2160 x 1620 px

810 x 1080 points

1080 x 810 points

iPad 9.7-inch Retina

iPad 3, iPad 4, iPad Air, iPad Air 2, iPad Pro 9.7-inch, iPad 5th, iPad 6th

1536 x 2048 px

2048 x 1536 px

768 x 1024 points

1024 x 768 points

iPad

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

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

@3x

8bit RGB

Warm

iPhone 6.1-inch

iPhone XR, iPhone 11

6.1″

326

@2x

8bit RGB

Warm

iPhone 5.8-inch

iPhone X, iPhone XS, iPhone 11 Pro

5.8″

458

@3x

8bit RGB

Warm

iPhone 5.5-inch

iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus

5.5″

401

@3x

8bit RGB

Warm

iPhone 4.7-inch

iPhone 6, iPhone 6S, iPhone 7, iPhone 8

4.7″

326

@2x

8bit RGB

Warm

iPhone 4-inch

iPhone 5, iPhone 5S, iPhone 5C, iPhone SE

4.0″

326

@2x

8bit RGB

Warm

iPhone 3.5-inch

iPhone 4, iPhone 4S

3.5″

326

@2x

8bit RGB

Cool

iPhone (Legacy) & iPod Touch

1st, 2nd and 3rd Generation

3.5″

163

@1x

8bit RGB

Warm

iPad Pro 12.9-inch

1st, 2nd, 3rd Generation

12.9"

264

@2x

8bit RGB

Warm

iPad 10.5-inch

iPad Pro 10.5, iPad Air 10.5

10.5"

264

@2x

8bit RGB

Warm

iPad 10.2-inch

iPad 10.2-inch

10.5"

264

@2x

8bit RGB

Warm

iPad 9.7 Retina

iPad 3, iPad 4, iPad Air, iPad Air 2, iPad Pro 9.7-inch, iPad 5th, iPad 6th

9.7″

264

@2x

8bit RGB

Warm

iPad

1st and 2nd Generation

9.7″

132

@1x

8bit RGB

Warm

iPad Mini Retina

iPad Mini 2nd, 3rd, 4th, 5th Generation

7.9″

326

@2x

8bit RGB

Warm

iPad Mini

iPad Mini 1st Generation

7.9″

163

@1x

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 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 10.5

167 x 167 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad 9.7 Retina

iPad 3, iPad 4, iPad Air, iPad Air2, iPad Pro 9.7-inch, iPad 5th, iPad 6th

152 x 152 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad

1st and 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

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, Air 1, Air 2, Pro, Mini Retina

40 px

88 px

112 px

dynamic

iPad Mini

20 px

44 px

56 px

dynamic

iPad

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