Loading…
The iPhone's manual on the web. The core screen is the guide's front page: the version picker, search and the table of contents.
In the archive: guide
Every version
Newest first. A date is the day a capture saw the design, so a redesign can be older than its date.
12 industry events, 2013–2026
- 2025.06Liquid Glass · Announced at WWDC: one translucent material language across all Apple platforms, shipping that September.
- 2024.02Apple Vision Pro · Glass materials are formalised for spatial interfaces.
- 2022.11ChatGPT · The chat box becomes a mainstream interface; AI gradients and sparkle icons follow.
- 2021.10Windows 11 · Fluent's second generation: rounded corners, Mica material and a centred taskbar.
- 2021.05Material You · Announced at Google I/O: colour drawn from your wallpaper and much larger shapes; ships with Android 12 that October.
- 2020.11macOS Big Sur · The desktop moves toward iOS: big radii, translucency.
- 2018.09Dark mode goes system-wide · First macOS Mojave (September 2018), then iOS 13 and Android 10 (September 2019).
- 2017.11Tailwind CSS · A utility-first CSS framework, first released in November 2017.
- 2017.11iPhone X · Notch, edge-to-edge screen, gesture navigation, rounded display corners.
- 2017.05Fluent Design · Acrylic, depth and light; the swing back from strict flatness begins.
- 2016.09Figma public launch · Collaborative, browser-based design tooling changes how interfaces get made.
- 2014.06Material Design · Google's paper-and-ink system: shadows, elevation and motion get a rulebook.
See also: Mobbin · Refero · Page Flows · Web Design Museum