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

1242 x 2688 px

2688 x 1242 px

414 x 896 points

896 x 414 points

iPhone 6.1-inch

iPhone XR

828 x 1792 px

1792 x 828 px

414 x 896 points

896 x 414 points

iPhone 5.8-inch

iPhone X, iPhone XS

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 1st and iPad Pro 12.9 2nd

2048 x 2732 px

2732 x 2048 px

1024 x 1366 points

1366 x 1024 points

iPad Pro 10.5-inch

iPad Pro 10.5

1668 x 2224 px

2224 x 1668 px

834 x 1,112 points

1112 x 834 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

2nd, 3rd, 4th Generation

1536 x 2048 px

2048 x 1536 px

768 x 1024 points

1024 x 768 points

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

6.5″

458

@3x

8bit RGB

Warm

iPhone 6.1-inch

iPhone XR

6.1″

326

@2x

8bit RGB

Warm

iPhone 5.8-inch

iPhone X, iPhone XS

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

iPad Pro 12.9 1st and iPad Pro 12.9 2nd

12.9"

264

@2x

8bit RGB

Warm

iPad Pro 10.5-inch

iPad Pro 10.5

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

2nd, 3rd, 4th Generation

7.9″

326

@2x

8bit RGB

Warm

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

180 x 180 px

1024 x 1024 px

120 x 120 px

87 x 87 px

iPhone 6.1-inch

iPhone XR

120 x 120 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPhone 5.8-inch

iPhone X, iPhone XS

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 1st and iPad Pro 12.9 2nd

167 x 167 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad Pro 10.5-inch

iPad Pro 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

2nd, 3rd, 4th Generation

152 x 152 px

1024 x 1024 px

80 x 80 px

58 x 58 px

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

132 px

132 / 408 px

146 px (Home Indicator: 102px)

1242 / 2688 px

iPhone 6.1-inch

iPhone XR

88 px

88 / 272 px

98 px (Home Indicator: 68px)

828 / 1792 px

iPhone 5.8-inch

iPhone X, iPhone XS

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

66 x 66 px

75 x 75 px (max 144 x 96 px)

iPhone 6.1-inch

iPhone XR

44 x 44 px

50 x 50 px (max 96 x 64 px)

iPhone 5.8-inch

iPhone X, iPhone XS

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/XS 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

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/XR/XS Max - Portrait

Height: Regular | Width: Compact

iPhone X/XS/XR/XS Max - Landscape

Height: Compact | Width: Compact