Skip to content

Apple Store

2004–2024 · 16 versionsVisit the live site ↗

Apple: Apple Store · Apple.com · App Store · Human Interface Guidelines · iPhone User Guide · Apple Podcasts · Apple Developer Documentation · Apple TV

Apple's online store. The core screen is the store's front page: the products to buy, ways to save and help with buying.

In the archive: Store front

Every version

Newest first. A date is the day a capture saw the design, so a redesign can be older than its date.

  1. Apple Store, 2024.012024.01
  2. Apple Store, 2022.012022.01
  3. Apple Store, 2021.082021.08
  4. Apple Store, 2020.052020.05
  5. Apple Store, 2015.072015.07
  6. Apple Store, 2014.012014.01
  7. Apple Store, 2013.012013.01
  8. Apple Store, 2012.012012.01
  9. Apple Store, 2011.012011.01
  10. Apple Store, 2010.072010.07
  11. Apple Store, 2009.012009.01
  12. Apple Store, 2008.092008.09
  13. Apple Store, 2007.072007.07
  14. Apple Store, 2006.032006.03
  15. Apple Store, 2005.042005.04
  16. Apple Store, 2004.032004.03
18 industry events, 2004–2024
  1. 2022.11ChatGPT · The chat box becomes a mainstream interface; AI gradients and sparkle icons follow.
  2. 2021.10Windows 11 · Fluent's second generation: rounded corners, Mica material and a centred taskbar.
  3. 2021.05Material You · Announced at Google I/O: colour drawn from your wallpaper and much larger shapes; ships with Android 12 that October.
  4. 2020.11macOS Big Sur · The desktop moves toward iOS: big radii, translucency.
  5. 2018.09Dark mode goes system-wide · First macOS Mojave (September 2018), then iOS 13 and Android 10 (September 2019).
  6. 2017.11Tailwind CSS · A utility-first CSS framework, first released in November 2017.
  7. 2017.11iPhone X · Notch, edge-to-edge screen, gesture navigation, rounded display corners.
  8. 2017.05Fluent Design · Acrylic, depth and light; the swing back from strict flatness begins.
  9. 2016.09Figma public launch · Collaborative, browser-based design tooling changes how interfaces get made.
  10. 2014.06Material Design · Google's paper-and-ink system: shadows, elevation and motion get a rulebook.
  11. 2013.06iOS 7 · Unveiled in June, shipped in September: Apple drops skeuomorphism for thin type, translucency and flat colour.
  12. 2012.10Windows 8 · Metro comes to the desktop: a full-screen Start screen of flat, coloured live tiles.
  13. 2011.08Bootstrap · Twitter open-sources its interface toolkit; its buttons, navbars and grid become a common default on the web.
  14. 2010.10Windows Phone 7 (Metro) · Microsoft's Metro brings a flat, typographic interface to a mainstream phone platform.
  15. 2010.06Retina display · 2x assets; hairlines and small type become viable.
  16. 2010.04iPad · A tablet-sized canvas for touch interfaces.
  17. 2008.07App Store opens · Third-party apps arrive on the iPhone.
  18. 2007.06iPhone · Multi-touch on a full-screen display. Its realistic, skeuomorphic look set the template for early mobile apps.

See also: Mobbin · Refero · Page Flows · Web Design Museum