iPhone Duo
A responsive layer for the foldable: outer and inner displays for eight apps in light and dark, a vertical rail with status bar, toolbar and tab bar, and Platform modes for both displays.
Dynamic Island
States, 23 system presentations and ten expanded layouts, from Media and Timer to Workout, Recording and Flight, with the morph wired as a prototype.
Charts and tables
Sixteen chart components on a categorical palette with new chart tokens, plus Legend and Sparkline. Table is built column by column with a pinned column, eight cell contents and a slot cell.
Tasks app flow
Ten screens in light and dark: My work, Board, Table, Timeline, Task, Project, Inbox, Search, Filters and New task.
Time and Color Picker
Rebuilt in the Date Picker card, with a time slot list, quick durations, a spectrum, a hue slider and a product palette.
Liquid Glass in three styles
Clear, Regular and Tinted effect styles, matching the iOS setting, replace the separate surface and control tiers across the whole file.
Apple Platform additions
Passkey, Permission Alert and Review Prompt, plus new brand icons and twelve placeholder company logos in Assets, each as a symbol or a lockup.
Motion and progress
Motion in components shown as keyframe filmstrips, and Typing Indicator in its own section.
Library hygiene
Focus ring and opacity scales, an annotation kit, a one-sentence description on every section, a Callout block for notes and warnings, sets placed straight in their sections, alphabetical pages and American spelling throughout. Measured against 14 leading iOS apps, chips and search became capsules, cards moved to a 24 radius and List gained a compact 48pt row.
States and handoff
Focused on Button, Checkbox, Radio and Toggle, Error on Checkbox, Today and range days in Date Picker, a ring spinner for every Loading state, and a bg/raised token that lifts sheets, menus and pickers in dark mode. Chart and Table gained examples boards, and every component value now reads a token.
Presentation and platform polish
Every variant set sits in a labeled grid, internal parts in captioned cards, and Liquid Glass on a wallpaper where the glass can be seen. Keyboards and system prompts were checked against what they show, the AI screens share one spacing rhythm, and component defaults are neutral placeholders ready for code.
Modern mobile pass
Headings move to Inter Display with tracking per size, and radii follow one concentric rule with new 40 and 48 steps. Drawer, text input, swipe actions and top bars were rebuilt after current apps, and Fitness, Tasks and iPhone Duo screens gained a real dashboard, Notion-style project views and list and detail splits.
Composer, app identities and working properties
Composer joins Input for comments and chat, List gains a Leading Avatar, Avatar an Add status, and every chart, the company logos, Drawer, Table, Callout and File Upload were redrawn. Booking now reads like a stays app and Foodie like a delivery app, Finance adds Cards, Social adds New post, and 23 component properties that changed nothing now drive their layers.
Pixel pass on the example apps
Table gains a Layout property, Inset for a card and Full bleed for a table that meets the screen edge, and Tasks now uses Full bleed. Top Bar gains Size md for the root screen of a tab, so every root title is 24. Horizontal Card gains a Status badge under the text for small thumbnails. Hero photos carry 44 pt controls on the 24 pt margin, modals close with X, Tasks sits on the 24 pt grid, Finance gets a Card settings screen, and the drawer fade fully covers the list behind its buttons.
iOS 27 parity and a final polish
Status bar glyphs, Toggle, Slider and Tab Bar follow the iOS 27 kit: rounded wifi and signal bars, a solid battery, a 64 by 28 switch whose knob turns to glass while pressed, a 38 by 24 slider knob and Apple's 10 pt tab label in System mode. Action Sheet is rebuilt as the iOS 27 glass card with capsule actions, and Dynamic Island shows company logos as the apps behind each Live Activity. Tasks uses one status set, To do, In progress, In review and Done, on every screen, and its timeline bars carry the assignee. AI moves to the 24 pt grid, onboarding logos sit on the photo without a plate, Snackbar drops the white square behind its close icon, the M3 time picker turns lighter and on brand, small icons get proportional strokes, and iPhone Duo is aligned pane by pane. Titles now balance across their lines, and body text no longer ends on a single word. A final sweep reconnects every instance to a live component and makes the sample data agree across screens.
Animated components
Nine components on the Motion page play their own state change on the timeline: Toggle, Checkbox, Radio, Button, Toast, Dialog, Sheet, Page Push and Skeleton. Each set has one-shot variants and a Loop for presentations, all timed from the motion presets. Every chart except Legend animates as well, and eight example screens enter in reading order in Light and Dark.
