Meet the new design system

Design language

• System color family adjusted a little bit
• Left aligned typography
• Consistent shape borders matching devices
• Three main shape types: round/fixed, capsule, concentric. ie corner radiuses
• Macos will continue using rounded rect buttons for small and medium sizes

  Structure

• New layer above the UI for actions/etc.
• Relationships
  • Action sheet anchored on touch point instead of phone bottom
• Remove your extra customization on nav bars, and redefine how to group and elevate items
• Text and Primary actions should be separate from grouping
• Tab bar can have accessory view, like media playback control
• Scroll edge effects can add a UI background between controls and content
  • Can appear by default when scroll views are used
• Background extension effect can repeat an image behind the sidebar
  • Scroll views will slide behind as well

    Continuity

• One decision, all platforms
• Use shared content
  • Use the same symbols, groups, etc
• Add symbols for menus
  • One symbol for group, ie if there are various types of copy. only symbol the first one