Templates

Use these templates as starting points for preparing images for iOS.

App Icon Templates

Use these templates to design properly scaled versions of your Home screen app icons and iMessage app icons. For additional guidance, see App Icon and Messaging.

A partial screenshot of the app icon template

A partial screenshot of the iMessage app icon template

Home Screen Quick Action Templates

Use these templates for guidance on the size, padding, and positioning of text and icons when designing custom Home screen quick actions. For additional guidance, see Home Screen Actions.

A screenshot of a Home screen quick action icon template

Icon template

A partial screenshot of the Home screen quick action text template

Menu template


Typefaces

iOS uses two variants of the San Francisco font: Display and Text. These fonts are designed specifically for legibility in a variety of contexts.

SF UI Text

SF UI Text Type Specimen

SF UI Display

SF UI Display Type Speciment

Dynamic Type Sizes

Reference this table when designing your app’s interface, and make sure your content looks great at different dynamic type sizes. For additional guidance, see Dynamic Type Sizes.

A partial screenshot of the dynamic type table.


Xcode Projects

UIKit Catalog (iOS): Creating and Customizing UIKit Controls is a sample Xcode project that demonstrates how to implement many of the interface elements discussed in Bars, Views, and Controls.

Xcode Project Icon