Venom on iPhone

The same screens at the real sizes of three iPhones, in Safari and added to the Home Screen, with the keyboard open over a chat. The status bar, Dynamic Island, Safari's toolbar, the keyboard and the home indicator are drawn by this page; everything inside is the screen itself, told the insets a real device reports.

Safari: the toolbar covers the home indicator, so the page gets no insets; the frame is sized to what is left Home Screen: status bar kept (style “default”), home indicator inset 34 on Face ID models Keyboard: the frame shrinks to the visible area, the composer rides on the keys, the bottom inset drops to 0 Landscape: the notch side and the rounded corners inset 59 left and right, 21 at the bottom

iPhone 15 / 16

393 × 852 · Dynamic Island · insets 59 top, 34 bottom

Safari · chatStatus bar 59, toolbar 108; the page is 685 tall

Home Screen · a manual screenOpens full screen from the icon; the ask bar clears the home indicator

Home Screen · typing in the chatKeyboard 336 with suggestions; header and composer both stay on screen

iPhone 15 / 16 Pro Max

430 × 932 · Dynamic Island · insets 59 top, 34 bottom

Safari · the airline moved a flightOpened from the notification, in the browser

Home Screen · a sheet over the chatThe sheet stops below the status bar and keeps its last button off the home indicator

Home Screen · typing the email codeKeyboard 346; the code card and the composer share what is left

iPhone SE

375 × 667 · Touch ID · no insets

Safari · chatThe smallest screen still in use: 551 tall for the page

Home Screen · wallet & limitsNo home indicator, so no bottom inset

Home Screen · typing in the chatKeyboard 260 leaves 387 for header, thread and composer

iPhone 15 / 16, landscape

852 × 393 · status bar hidden · insets 59 left and right, 21 bottom

Home Screen · travel day, turned sidewaysThe column stays clear of the Dynamic Island on the left and the corner on the right