Apple Human Interface Guidelines Quick Reference Chart
Spacing
Typography
Color
Controls
Checklist
Safe Areas: iPhone
iPhone 15 Pro
Screen
393 × 852 pt
Status bar
59 pt
Home ind.
34 pt
Scale
3×
iPhone SE (3rd)
Screen
375 × 667 pt
Status bar
20 pt
Home ind.
0 pt
Scale
2×
iPhone 15 Plus
Screen
430 × 932 pt
Status bar
59 pt
Home ind.
34 pt
Scale
3×
iPad Pro 13"
Screen
1024 × 1366 pt
Nav bar
50 pt
Tab bar
49 pt
Scale
2×
Layout Margins
Standard content margin
16 pt
Grouped list inset (leading)
20 pt
Navigation bar height
44 pt
Tab bar height (no Home ind.)
49 pt
Tab bar height (with Home ind.)
83 pt
Toolbar height
44 pt
Search bar height
56 pt
Touch Targets
Minimum tap target
44 pt
× 44 pt minimum
Recommended target
48 pt
× 48 pt comfortable
Corner radius (default)
10 pt
Grouped list rows
List row height
44 pt
Standard minimum
Common Spacing Scale
Tight (icon → label)
4 pt
Component internal
8 pt
Between related items
12 pt
Standard gap
16 pt
Section spacing
24 pt
Large section break
32 pt
iOS Dynamic Type Scale
A
Large Title
34pt / Regular
UIFont.largeTitle
A
Title 1
28pt / Regular
UIFont.title
A
Title 2
22pt / Regular
UIFont.title2
A
Title 3
20pt / Regular
UIFont.title3
A
Headline
17pt / Semibold
UIFont.headline
A
Body
17pt / Regular
UIFont.body
A
Callout
16pt / Regular
UIFont.callout
A
Subheadline
15pt / Regular
UIFont.subheadline
A
Footnote
13pt / Regular
UIFont.footnote
A
Caption 1
12pt / Regular
UIFont.caption
A
Caption 2
11pt / Regular
UIFont.caption2
Typography Rules
Always
✓ Support Dynamic Type
✓ SF Pro for UI text
✓ SF Mono for code
✓ SF Compact on watchOS
✓ Adjust layout on resize
Never
✗ Hardcode pt sizes
✗ Truncate critical text
✗ Use <11pt minimum
✗ Mix more than 2 fonts
✗ Disable text scaling
iOS System Colors (Adaptive)
System Blue
#007AFF / #0A84FF
System Green
#34C759 / #30D158
System Orange
#FF9500 / #FF9F0A
System Red
#FF3B30 / #FF453A
System Purple
#5856D6 / #BF5AF2
System Yellow
#FFCC00 / #FFD60A
System Pink
#FF2D55 / #FF375F
System Teal
#32ADE6 / #64D2FF
Semantic Label Colors
Label (Primary)
UIColor.label
Secondary Label
UIColor.secondaryLabel
Tertiary Label
UIColor.tertiaryLabel
System Background
UIColor.systemBackground
System Fill
UIColor.systemFill
Contrast Requirements (WCAG AA)
Normal text (≥18pt or bold)
3:1 min
Body text (<18pt regular)
4.5:1 min
UI components / graphics
3:1 min
High contrast (WCAG AAA)
7:1 target
Navigation Patterns
Tab Bar
2–5 items, bottom, persistent
Preferred
Navigation Stack (Push)
Hierarchical content drill-down
Standard
Modal Sheet
Interrupts flow, requires dismissal
Use sparingly
Split View (iPad)
Primary + detail columns
iPad only
Standard Control Sizes
Button (large, filled)
50 pt height
Button (medium)
44 pt height
Button (small)
28 pt height
Toggle / Switch
51 × 31 pt
Slider (track height)
4 pt track
Segmented Control height
32 pt
Text field height
44 pt
Stepper control
29 × 29 pt segments
SF Symbol Usage
Nav bar icon size
22 pt
Tab bar icon size
25 pt
Toolbar icon size
22 pt
Inline body icon
17 pt
Preferred rendering
Hierarchical or Multicolor
Min weight
Ultralight to Black (9 weights)
App Review Launch Checklist
✓
Dynamic Type supported across all text
Test at Accessibility → Larger Text: xSmall → AX5
✓
All touch targets ≥ 44 × 44 pt
Enable Accessibility Inspector hit-test tool to verify
✓
Dark Mode fully supported
Use semantic colors: UIColor.label, .systemBackground, etc.
✓
Safe area insets respected on all devices
UIView.safeAreaLayoutGuide: no content under notch / home indicator
✓
VoiceOver labels on all interactive elements
accessibilityLabel + accessibilityHint where needed
!
App icon at all required resolutions
1024px for App Store; @1×,@2×,@3× for devices. No transparency in app icon.
!
Launch screen ≠ app content or branding
Use LaunchScreen.storyboard: no static images with marketing copy
!
Privacy usage descriptions provided
NSCameraUsageDescription, NSLocationWhenInUseUsageDescription, etc.
!
Keyboard avoidance implemented
ScrollView adjustsKeyboardDismissMode or .ignoresSafeArea(.keyboard)
✗
Custom UI mimicking system components
Use UIKit / SwiftUI native controls: don't rebuild UISwitch, UITabBar from scratch
✗
Using non-SF fonts for system UI chrome
Navigation bars, tab bars and system sheets require SF Pro
✗
Hardcoded colours without adaptive variants
Every colour asset needs Light + Dark appearance in .xcassets
HIG Compliance Score
Accessibility
88%
Visual Design
94%
Navigation
76%
Typography
91%
Platform Fit
82%