# iPhone Duo Safe Area Insets & Layout Margins

> There is no single fixed iPhone Duo safe-area inset for every window. The published outer-display portrait reference lists top 0 pt, bottom 34 pt, left 0 pt and right 84 pt. These are third-party values for the stated configuration, not universal insets for every iPhone Duo window. Read safe areas, layout margins and reserved regions in your own app context.

Author: Plurigent
Content version: 0.13.1
Source review: Oct 4, 2026
Applies to: iOS 27.1; SwiftUI; UIKit; WKWebView; CSS safe-area environment variables
Verification status: Apple hardware specifications and the default outer-portrait safearea.info view reviewed October 4, 2026. Inner-display layout values retain the September 23 reference snapshot and were not freshly retrieved. No specific Figma layer was verified. No new simulator or device measurements were performed.
Original page: https://plurigent.com/tutorials/iphone-duo/safe-area

Read iPhone Duo safe-area references with their display, orientation and source conditions. Separate layout points, hardware pixels, margins and runtime reserved regions.

Scope: official sources and practical guidance. Runtime measurements and hands-on observations are labeled separately and should be rechecked against the stated versions.

Reading scope: For Designers / For Developers
Content formats: Reference

## iPhone Duo safe-area reference values

Evidence type: Third-party layout references · safearea.info; hardware specifications · Apple. Outer portrait reviewed October 4, 2026; inner layout retained from September 23. No new runtime measurement.

The table compares the outer display in closed portrait with the inner display fully open in Landscape Left. Layout dimensions and insets use points; hardware dimensions use pixels. A window with different bars, orientation or available space may have different usable regions.

Apple’s hardware specifications list the inner panel as 1878 × 2670 pixels in portrait, transposed here for landscape. The outer-portrait layout values were rechecked against safearea.info on October 4. The inner layout column retains the September 23 third-party reference snapshot; its dynamic state was not available for a fresh check.

Do not infer panel resolution by multiplying a design frame by a reference scale. The 951 × 669 pt inner layout reference is not a new measurement or a claim about Apple’s physical pixel grid. No concrete Figma file or layer was verified for this table.

| Metric | Outer · closed · portrait | Inner · open · Landscape Left |
| --- | --- | --- |
| Logical display size | 466 × 678 pt | 951 × 669 pt |
| Hardware resolution · Apple | 1398 × 2034 px | 2670 × 1878 px |
| Reference scale · safearea.info | 3× | 3× |
| Hardware pixel density · Apple | 460 ppi | 430 ppi |
| Safe area · top | 0 pt | 0 pt |
| Safe area · bottom | 34 pt | 34 pt |
| Safe area · left | 0 pt | 0 pt |
| Safe area · right | 84 pt | 84 pt |
| Safe content size | 382 × 644 pt | 867 × 635 pt |
| Corner radius · top left | 8 pt | 55 pt |
| Corner radius · top right | 59 pt | 55 pt |
| Corner radius · bottom right | 59 pt | 55 pt |
| Corner radius · bottom left | 8 pt | 55 pt |

[R01 · iPhone Duo safe-area reference](https://safearea.info/iphone-duo)
[A14 · iPhone Duo Technical Specifications](https://www.apple.com/iphone-duo/specs/)

## What are the iPhone Duo safe area insets?

Evidence type: Official information

Use the numeric table as a starting reference for its stated configurations. Apple describes iPhone Duo safe areas and layout margins as frequently asymmetric; standard system containers and custom app layouts can reserve different amounts of space.

For UIKit, read UIView.safeAreaInsets or use the safe-area layout guide. In SwiftUI, content respects the safe area by default unless you intentionally extend it. Treat each edge independently instead of mirroring a value to the opposite side.

[A03 · Prepare your app for iPhone Duo](https://developer.apple.com/videos/play/tech-talks/111461/)
[A12 · UIView.safeAreaInsets](https://developer.apple.com/documentation/uikit/uiview/safeareainsets)

## Safe area and reserved regions solve different problems

Evidence type: Official information

SwiftUI and UIKit expose reserved-region information for content that needs to avoid a camera or an active fold. Read it separately from safe-area insets when laying out custom controls.

The adaptive-layout talk distinguishes division regions, such as an active fold that separates usable regions, from occlusion regions such as cameras. A fold can be known even when inactive; its active frame changes with the device state.

[A03 · Prepare your app for iPhone Duo](https://developer.apple.com/videos/play/tech-talks/111461/)
[A04 · Strike a pose with adaptive layouts on iPhone Duo](https://developer.apple.com/videos/play/tech-talks/111463/)
[A18 · Preparing your app for iPhone Duo](https://developer.apple.com/documentation/technologyoverviews/preparing-your-app-for-iphone-duo)

## Measure safe-area insets in your app

Evidence type: Practical guidance

To check the values inside your own app, read them after the view is visible and laid out. This small example reports the insets and usable view frame.

```swift
let insets = view.safeAreaInsets
let usableFrame = view.bounds.inset(by: insets)

print("safeArea", insets)
print("usableFrame", usableFrame)
```
UIKit diagnostic example based on UIView.safeAreaInsets. Record the device/simulator state and visible system UI with the values.

[A12 · UIView.safeAreaInsets](https://developer.apple.com/documentation/uikit/uiview/safeareainsets)

## WKWebView and CSS safe-area values

Evidence type: Official information

WebKit documents viewport-fit=cover together with env(safe-area-inset-top), env(safe-area-inset-right), env(safe-area-inset-bottom), and env(safe-area-inset-left) for edge-to-edge web layouts. Those variables describe the web rendering environment, not a universal iPhone Duo constant.

In a hybrid app, first establish whether the native WebView container already respects a safe area. Adding the same inset in native layout and CSS can double-compensate. VisualViewport can help diagnose visible viewport changes, but it should not be treated as the source of native safe-area geometry.

```css
.edge-aware {
  padding-top: max(16px, env(safe-area-inset-top));
  padding-right: max(16px, env(safe-area-inset-right));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
  padding-left: max(16px, env(safe-area-inset-left));
}
```
Web-platform example. Test inside the actual WKWebView container before adopting it; do not stack it on top of equivalent native padding without a defined contract.

[W02 · Designing Websites for iPhone X](https://webkit.org/blog/7929/designing-websites-for-iphone-x/)

## Layout margins and reference scope

Evidence type: Practical guidance

Layout margins describe content spacing; safe-area insets and reserved regions describe different constraints. Do not turn a margin shown in an unspecified design file into a universal device rule. Record the exact kit version, frame or layer, and original source before adopting a precise margin value.

Compare sources only for the same display, orientation, window and system-container configuration. For cases not listed here, measure the app’s current layout values. Apple’s design-resource directory identifies starting materials, but the directory alone does not verify the contents of a particular Figma layer.

[D01 · Apple Design Resources · UI kits and product bezels](https://developer.apple.com/design/resources/)
[A03 · Prepare your app for iPhone Duo](https://developer.apple.com/videos/play/tech-talks/111461/)

## Sources & review scope

- [R01 · iPhone Duo safe-area reference](https://safearea.info/iphone-duo) — Oct 4, 2026; Default outer-portrait reference reviewed October 4. Inner-layout values retain the September 23 snapshot; dynamic inner state was not freshly obtained. Third-party reference, not a universal or newly measured app inset.
- [A14 · iPhone Duo Technical Specifications](https://www.apple.com/iphone-duo/specs/) — Oct 4, 2026; Hardware display pixels and pixel densities checked October 4. These are physical specifications, not app safe-area, point-grid or runtime measurements.
- [A03 · Prepare your app for iPhone Duo](https://developer.apple.com/videos/play/tech-talks/111461/) — Oct 4, 2026; Selected preparation transcript passages reviewed October 4 for system containers and task continuity. No native SDK compilation or device/runtime measurement.
- [A12 · UIView.safeAreaInsets](https://developer.apple.com/documentation/uikit/uiview/safeareainsets) — Sep 21, 2026; Reviewed the runtime meaning of UIView safe-area insets and their relationship to bars and view hierarchy.
- [A04 · Strike a pose with adaptive layouts on iPhone Duo](https://developer.apple.com/videos/play/tech-talks/111463/) — Oct 4, 2026; Selected adaptive-layout transcript passages reviewed October 4. Layout arrangements/reserved regions are references, not a new API-availability or native execution proof.
- [A18 · Preparing your app for iPhone Duo](https://developer.apple.com/documentation/technologyoverviews/preparing-your-app-for-iphone-duo) — Sep 23, 2026; Reviewed the official Markdown documentation on resizing, scene geometry, bars, arrangements, reserved regions and camera handling. No native implementation tested.
- [W02 · Designing Websites for iPhone X](https://webkit.org/blog/7929/designing-websites-for-iphone-x/) — Sep 21, 2026; Reviewed viewport-fit=cover and CSS env(safe-area-inset-*) behavior as web-platform background for edge-to-edge layouts; this source is not iPhone Duo-specific.
- [D01 · Apple Design Resources · UI kits and product bezels](https://developer.apple.com/design/resources/) — Oct 4, 2026; Apple directory reviewed October 4 for UI-kit and iPhone Duo Photoshop/PNG bezel entries. Concrete files, permissions, asset terms and Simulator preview were not checked.

## Keep reading

- [iPhone Duo Adaptive Layout: Design Across Displays](https://plurigent.com/tutorials/iphone-duo/adaptive-layout)
- [iPhone Duo WKWebView Guide: Viewports, Safe Areas & Keyboards](https://plurigent.com/tutorials/iphone-duo/webview)
- [iPhone Duo App Testing Checklist](https://plurigent.com/tutorials/iphone-duo/app-testing)