2025 Design Guide
iPhone 16 Pro & Max: Design Specs
Apple's 2024–2025 flagship devices are here. As a designer, understanding the increased screen sizes and new viewport ratios is critical for responsive accuracy.
iPhone 16 Pro
- Physical Size6.3" Display
- Resolution1206 × 2622 px
- Viewport402 × 874 pts
- Pixel Density460 PPI
iPhone 16 Pro Max
- Physical Size6.9" Display
- Resolution1320 × 2868 px
- Viewport440 × 956 pts
- Pixel Density460 PPI
Designing for the Pro Max (6.9")
The massive 6.9-inch screen on the iPhone 16 Pro Max creates a larger canvas but also makes the top areas of the screen even harder to reach with one hand.
Key Takeaways:
- Safe Area Insets: Use our Safe Area Tool to ensure your bottom navigation doesn't clash with the Home Indicator.
- Typography Scale: With 460 PPI, text is incredibly sharp. Ensure your base font size is at least 16px (1rem) for legibility. Check our REM Converter.
- Dynamic Island: Keep the area around the notch (402x874 pts) clear of critical UI elements.
Pro Tip:
While the resolution is high, your CSS breakpoints should target the 440px viewport width for the Max model.
Validate your numbers
Want to see how these specs map to real CSS layout grid suggestions?
Open Screen Simulator