RSS

What’s New

macOS Apple Design Resources Updated

Updated macOS design kit to macOS 12, including an updated Sketch Library, design templates, production templates, color and font guides, and more. The following changes have been made for Sketch and XD:

  • Text now uses SF Pro instead of SF Pro Text and SF Pro Display
  • Fully rebuilt Adobe XD file
  • Opaque Accent colors:
    • Mint and Cyan added
    • Teal updated
    • System Link color removed
  • Vibrant Accent colors:
    • Mint and Cyan added
    • Teal, Indigo, Yellow, Green, and Pink updated
    • System Link color removed
  • Opaque Fill colors:
    • Primary color updated in dark theme
  • Opaque Text colors:
    • Primary color updated in dark theme
  • Ultra Thin material added for both light and dark theme
  • Keynote, Map, Numbers, Pages, and Siri app icons updated
  • Wallpaper updated
  • New enabled state styles and updated layouts for Combobox, Pop-Up Button, Pull Down Button added
  • Tooltip layout updated
  • Image Well size increased from 34 by 34 pixels to 50 by 50 pixels
  • Focused state of Text Field and Search Field updated
  • Submenu indentation style added
  • Notification icon size and layout updated

iOS and iPadOS Apple Design Resources Updated

Updated iOS and iPadOS design kit including a Sketch Library, design templates, production templates, color and font guides, and more. The following changes have been made for Sketch and XD:

  • Text now uses SF Pro instead of SF Pro Text and SF Pro Display
  • Text now uses NY instead of NY Small, NY Medium, NY Large, and NY Extra Large
  • iPhone screen sizes now match iPhone 12 and iPhone 13 (390 by 844 points)
  • iPhone and iPad hardware bezels updated
  • Downloads for design templates (used to make comps) now separated from production templates (used to make assets)
  • Apple Pay design templates updated to iOS 15
  • Siri design templates updated to iOS 15
  • Apple Wallet design templates updated to iOS 15 and now include access key template
  • New button system for iOS added
  • iOS app icon production templates now include icon grid
  • System colors now include mint, cyan, and brown
  • iOS wallpaper updated
  • iPadOS dock updated
  • Appearance of notifications platter, icon, and actions updated
  • Extra-large widget added for iPad
  • Small, medium, and large widget sizes updated
  • Search bar added to emoji keyboard, and new popover keyboards and popover action sheet added for iPad
  • iPad Slide Over size and shadow updated
  • Table row actions added for sidebar and table views
  • Touch ID and Face ID components added
  • Single-card style modal view for iPhone and iPad added
  • Wheel-style date picker and time picker added
  • Appearance of Home Screen quick action menus updated
  • Multitasking indicator updated for iPad

Human Interface Guidelines Updated

Technologies

Additions:

Major updates:

  • SF Symbols now covers new rendering modes in SF Symbols 3 and includes enhanced guidelines for creating custom symbols
  • In-App Purchase now includes auto-renewable subscriptions guidance and offers guidelines for using system-provided refund and subscription-management flows
  • Widgets now covers Extra Large widgets for iPad and includes enhanced guidance throughout

iOS

Additions:

Major updates:

  • Notifications now includes guidance for using new interruption levels to help people manage their notifications