Apple Updates Design Resources with iPhone Duo and iPhone 18 Pro Bezels

TL;DR Apple’s official design assets on Figma have silently pulled back the curtain on its fall hardware engineering, confirming microscopic bezels for the iPhone 18 Pro and introducing official dual-viewport guidelines for the foldable “iPhone Duo.”

While product reveals are traditionally dominated by high-gloss keynote presentations and executives walking across glass-walled stages in Cupertino, the most revealing technical documents rarely emerge from PR departments. Instead, they arrive quietly in vector format.

Following Apple’s annual September keynote window, Cupertino pushed a substantial update to its official Figma Community templates and Sketch libraries under the Apple Design Resources umbrella. The repository updates, which developers rely on to pixel-match their iOS software to physical hardware enclosures, contain far more than updated system icons. Embedded within the components are the exact geometric profiles for the newly unveiled iPhone 18 Pro and the long-rumored, newly introduced dual-form-factor device designated internally and in developer documentation as the “iPhone Duo.”

For software engineers, UI designers, and industrial design watchers, these vector files are effectively mechanical blueprints. They reveal how Apple’s display division resolved the engineering bottleneck of display borders, how the Dynamic Island continues its slow retreat into the panel substrate, and how the company expects developers to handle the ergonomic realities of its first true foldable display.

iPhone 18 Pro: The Disappearing Physical Border

The design files confirm what manufacturing supply-line rumors have suggested over the past eighteen months: the physical bezel surrounding the active display area on the iPhone 18 Pro line has shrunk to an astonishing 0.85 millimeters.

To put that figure in context, the iPhone 15 Pro turned heads in 2023 when Apple used low-injection pressure over-molding (LIPO) to reduce borders to 1.5 millimeters, followed by the Border Reduction Structure (BRS) iterations of the iPhone 16 and 17 generations that settled around 1.15 millimeters. At sub-0.9 millimeters, the border on the iPhone 18 Pro is functionally imperceptible in day-to-day use, requiring entirely new touch-rejection tolerances at the glass perimeter.

figma user interface showing mobile app wireframes and vector bezels — Photo by Olaf Val on Unsplash

Apple’s updated Auto Layout frames in Figma illustrate how iOS 20 handles touch edge protection. The assets show that while the physical screen boundary extends further outward, Apple has enlarged the nominal software “invalidation margin” along the lateral edges. This prevents unintentional palm actuation when a user grips the phone barehanded—an engineering challenge that grows exponentially harder as borders compress toward zero.

Simultaneously, the component properties for the iPhone 18 Pro display cutout confirm the partial under-display migration of the TrueDepth camera cluster. While the selfie camera remains a visible pinhole aperture, the infrared flood illuminator and dot projector have vanished entirely beneath the active pixel grid. In the vector template, the Dynamic Island’s default resting state occupies a horizontal footprint nearly 35 percent smaller than its predecessor, giving back significant status-bar real estate for network telemetry, active sensor indicators, and background task glyphs.

Enter iPhone Duo: Deconstructing Apple’s Foldable Geometry

The real tectonic shift in the design file repository, however, is the formal inclusion of the “iPhone Duo” component set. While Apple’s keynote teased the device as an architectural expansion of the iPhone ecosystem, the Figma resource pack reveals the exact software mechanics of how Apple plans to conquer the foldable smartphone category without stumbling into the UI fragmentation that plagued early Android efforts.

The iPhone Duo documentation does not treat the inner canvas as a simple tablet surface. Instead, the component libraries delineate a dynamic continuous viewport that shifts state depending on the angle of the internal titanium hinge:

• Continuous Canvas Mode (180° flat): An 8.1-inch internal panel with an unusual 4:3.4 aspect ratio, featuring an ultra-thin glass boundary layer that uses an asymmetric safe area across the central horizontal meridian.
• Book Posture (90° to 135° flexed): A partitioned UI state where the bottom half defaults to secondary input parameters, toolbars, or keyboard modules, while the top half acts as an unoccluded viewer.
• Glance Mode (closed): A conventional 5.8-inch external cover panel that mimics traditional single-handed iPhone ergonomics, avoiding the awkwardly narrow candy-bar dimensions seen in competing hardware.

What stands out most within the vector frames is Apple’s explicit handling of the display spine. Rather than pretending the fold does not exist, the design kit establishes an active “Hinge Exclusion Zone” measuring 64 points across the center fold. Apple’s layout guides explicitly instruct designers not to place primary tap targets, sliders, or high-density typography within this corridor. As digital product studios build new startups targeting productivity and creator workflows, they will have to account for an interface canvas that acknowledges physical hardware constraints instead of abstracting them away.

hands holding folding smartphone displaying split screen interface — Photo by Amanz on Unsplash

By the Numbers: How the 2026 Display Matrix Compares

The structural divergence across the 2026 lineup is the widest Apple has ever maintained. By analyzing the coordinate systems, frame bounds, and pixel scales from the updated Design Resources, we can assemble an accurate spec-sheet comparison of the new form factors.

Device Profile	Viewport Size (pt)	Resolution (Physical px)	Bezel Thickness	Screen-to-Body Ratio	Default Dynamic Island Width
iPhone 18	393 × 852 pt	1179 × 2556 px	1.30 mm	~89.8%	126 pt
iPhone 18 Pro	402 × 874 pt	1206 × 2622 px	0.85 mm	~94.2%	82 pt
iPhone 18 Pro Max	440 × 956 pt	1320 × 2868 px	0.85 mm	~94.6%	82 pt
iPhone Duo (Cover)	380 × 810 pt	1140 × 2430 px	1.10 mm	~91.0%	76 pt
iPhone Duo (Unfolded)	980 × 832 pt	2940 × 2496 px	1.45 mm	~92.4%	None (In-Bezel Pin)

The numbers reveal deliberate tiering. The base iPhone 18 retains the robust, slightly thicker bezels of prior Pro iterations, likely running on conventional display manufacturing lines. Meanwhile, the iPhone 18 Pro models represent an aggressive showcase of border-elimination chemistry.

Most intriguing is the unfolded iPhone Duo, which completely foregoes the Dynamic Island cutout on its main internal canvas. According to the vector layer definitions, the internal camera resides in the perimeter frame rather than punching into the flexible OLED sheet—a massive win for designers who have spent years coding around display intrusions for fullscreen media.

The Developer Mandate: Designing Across the Hinge

The release of these resources is accompanied by an extensive rewrite of Apple’s Human Interface Guidelines, specifically the sections governing split-view presentation, navigation stacks, and window management.

Developers who anticipated that the iPhone Duo would merely run iPadOS apps in a scaled container will find themselves mistaken. The design libraries reveal a custom fork of adaptive UIKit and SwiftUI paradigms tailored specifically for dual-screen responsiveness. For teams engineering modern ai apps that combine continuous streaming chat prompts with complex side-by-side analytical graphs, the new layout components provide concrete patterns for spatial division.

For instance, Apple has introduced a standardized component called the Adaptive Shelf. In traditional flat mobile design, supplementary controls often hide behind modal sheets or sliding trays. In the new iPhone Duo templates, the Adaptive Shelf anchors itself directly into the lower quadrant of the flexed fold, leaving the primary workspace pristine. When the user snaps the phone completely flat, the Shelf collapses into a subtle contextual pill at the bottom edge.

Furthermore, the assets mandate that navigation bars must be capable of dynamic splitting. If an application utilizes a standard three-column hierarchical structure—familiar to anyone who uses Mail or Notes—the iPhone Duo’s layout guides illustrate how the list view pins to the left of the hinge line while detail views float to the right, maintaining visual symmetry across the hardware spine without developer-crafted bespoke hacks.

The Strategic Shift Behind Apple’s Design Transparency

Historically, Apple treated its physical bezel profiles and precise mechanical clearances with extreme secrecy until hardware arrived on retail shelves. The rapid, simultaneous release of detailed design resources alongside hardware announcements marks a fundamental operational change inside Apple’s Developer Relations group.

As computing form factors push into high-end wearables and future tech form factors, hardware utility is dictated entirely by software readiness on day one. When Apple introduced previous shifts—like the transition to the notch on the iPhone X or the advent of the Dynamic Island on the iPhone 14 Pro—the App Store suffered months of awkward layout collisions, clipping typography, and broken UI elements as third-party developers scrambled to catch up.

By handing the global design community an exacting, mathematically precise component library for both the edge-to-edge iPhone 18 Pro and the foldable iPhone Duo the very week of their debut, Apple is mitigating launch-day software friction. Designers do not need to guess how their apps will nestle against the 0.85-millimeter edge of an 18 Pro or straddle the physical radius of the Duo’s hinge; the rules are already drawn, color-coded, and mapped to the point grid.

The iPhone Duo is no longer an engineering rumor whispered on supply-chain forums; it is now a set of constraints baked directly into the design software that runs the global app economy. The vector lines have been drawn, the safe areas are marked, and the next era of mobile interface design is officially open for layout.