What the Liquid Glass Design Overhaul Means
Apple’s Liquid Glass design is a unified visual system for iOS, iPadOS, and macOS that standardizes app icons and interface elements using layered, glass‑like depth, refined highlights and shadows, and consistent light and dark variants to improve legibility, coherence, and platform alignment across all Apple devices. With the newest platform releases, Apple has turned those early Liquid Glass concepts into concrete requirements through updated app design guidelines and downloadable design resources. For developers, this is no longer only a visual refresh: icons, notification badges, and core UI components are now defined in precise templates and UI kits that set clear expectations for App Store compliance. The overhaul touches both your app’s outer shell (the icon) and its inner surfaces (controls, lists, alerts), so treating Liquid Glass as a system-wide migration project is the safest approach.
New iOS 27 Design Resources and Icon Templates
Apple has released official iOS 27 design resources through the Apple Design Resources portal, starting with Sketch libraries and updated Apple icon templates. These iOS 27 design resources include light and dark mode assets for buttons, headers, lists, input fields, alerts, and every system app icon, giving you pixel-accurate references for your own UI and icon work. According to iClarified, “the new kits bundle light and dark mode assets for buttons, headers, lists, input fields, alerts, and every system app icon across the three platforms.” Separate app icon templates for iOS and iPadOS are now available for Figma, Photoshop, Illustrator, and Sketch, keeping the familiar rounded-square shape but updating the highlight and shadow layers that define the Liquid Glass design look. To stay compliant, align your icon’s depth, corner treatment, and notification badge placement with these official Apple icon templates.
macOS 27 and iPadOS 27: Liquid Glass Across Screens
The macOS 27 UI kit and the companion iPadOS 27 resources extend Liquid Glass design across desktop and tablet screens, so your app must feel consistent wherever users sign in. The macOS 27 UI kit, currently delivered as a Sketch library, includes buttons, arrows, dialog boxes, lists, and other controls tuned to the updated glass-like layering and translucency. AppleInsider notes that the library shows “details of the new Liquid Glass icons,” including the layered effects first shown with the new Apple Maps icon. On iPadOS, the same icon grids, lighting rules, and notification badge styling apply, backed by dedicated app icon templates that match iOS. When planning design work, treat macOS and iPadOS as part of the same Liquid Glass migration: reuse core visual decisions, then adapt spacing, pointer targets, and windowed layouts platform-by-platform.
Liquid Glass Icon Rules and Notification Badges
Apple’s updated resources library documents all Liquid Glass design fixes in precise, inspectable components, so you can match the system look instead of guessing. Every first-party app icon appears in Default, Dark, and Light Clear versions, acting as a style guide for color, depth, and material. You can inspect how highlight and shadow layers stack to create dimensional icons and adapt that structure to your own artwork. The library also shows how red notification badges should appear within the new design, including their size, corner placement, and interaction with icon lighting. These details matter for App Store compliance because they ensure your icons do not look out of place beside Apple’s own. Start your icon updates by dropping the official template into your design tool, then align your shapes and lighting to match the reference icons provided in the Liquid Glass design resources.
Preparing for App Store Compliance and Future Updates
While Apple has not explicitly listed Liquid Glass design as a separate review rule, the direction is clear: new and updated apps are expected to follow the refreshed app design guidelines and icon standards. Using the official UI kits and icon templates helps you avoid rejections tied to off-model icons, unreadable controls, or inconsistent notification badges. Start by auditing your current assets for mismatches in depth, lighting, and badge styling, then plan a staged rollout across iOS, iPadOS, and macOS. The design resources portal still hosts older kits, SF Symbols, Apple Pay badges, and hardware templates, so you can maintain backward compatibility while targeting the latest platforms. Figma versions of the iOS 27, iPadOS 27, and macOS 27 resources are expected, but with Sketch assets ready now, teams should begin adapting icons and core UI elements without waiting for additional tools.
