How should I design an iPad app using Apple's HIG?

Apple's HIG recommends using sidebars instead of bottom tab bars on iPadOS, supporting split views for multitasking, and adding pointer interactions. Apple HIG Skills provides instant, AI-ready guidance on all iPadOS conventions.

What are Apple's guidelines for adding Apple Pay?

Apple's HIG specifies exact payment button placement, flow design, error states, and UX patterns required for App Store approval. Apple HIG Skills gives your AI agent access to the full Apple Pay design guidelines.

How do I make my Apple app accessible?

Apple's HIG requires support for VoiceOver, Dynamic Type, sufficient color contrast ratios, and motor accessibility features like Switch Control. Apple HIG Skills covers all accessibility foundations and requirements.

How do I design for visionOS and Apple Vision Pro?

Apple's HIG for visionOS covers ornaments, volumes, immersive spaces, eye tracking, and spatial interaction patterns. Apple HIG Skills includes dedicated visionOS platform guidance and spatial layout references.

What are Apple's dark mode design guidelines?

Apple's HIG specifies using system semantic colors, material backgrounds, elevated surfaces, and vibrancy for dark mode. Apps should test in both modes and avoid hard-coded color values. Apple HIG Skills covers the full dark mode specification.

How should I design notifications for iOS apps?

Apple's HIG covers notification grouping, Live Activities, action buttons, and respecting user attention. Apple HIG Skills provides guidelines for the full notification system including widgets and complications.

Sign in with Apple — Apple HIG Design Guidelines

Source: Apple Inc. Canonical content at https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple. This file is a structured index of that content, snapshot 2025-02-02. Apple HIG text and imagery are © Apple Inc.; this repository provides organization and cross-referencing for AI agent consumption only.

Ask people to sign in only in exchange for value.

Delay sign-in as long as possible.

If you require an account, ask people to set it up before offering any sign-in options.

Consider letting people link an existing account to Sign in with Apple.

If people share an email address through Sign in with Apple and it matches the address in an existing account, you can suggest that they link Sign in with Apple to that account.
If people used an existing user name and password to sign in, you can display an account-linking suggestion in their account’s settings view or another logical place.

In a commerce app, wait until after people make a purchase before asking them to create an account.

As soon as Sign in with Apple completes, welcome people to their new account.

Indicate when people are currently signed in.

Collecting data

Clarify whether the additional data you request is required or just recommended.

Don’t ask people to supply a password.

Avoid asking for a personal email address when people supply a private relay address.

Make sure that people can view their private relay address in your app or website
Direct people to Settings > Apple Account > Password & Security > Apps using Apple Account to retrieve their private relay address
Use other identifying values, like an order number or phone number collected as part of a purchase

Give people a chance to engage with your app before asking for optional data.

Be transparent about the data you collect.

Displaying buttons

Prominently display a Sign in with Apple button.

Using the system-provided buttons

A button that’s guaranteed to use an Apple-approved appearance
Assurance that the button’s contents maintain ideal proportions as you change its style
Automatic translation of the button’s title into the language specified by the device
Support for configuring the button’s corner radius to match the style of your UI (iOS, macOS, and web)
A system-provided alternative text label that lets VoiceOver describe the button

White

White with outline

Black

Button size and corner radius

Adjust the corner radius to match the appearance of other buttons in your app.

Maintain the minimum button size and margin around the button in iOS, macOS, and the web.

Use the logo file to position the Apple logo in a button; never use the Apple logo as a button.
Match the height of the logo file to the height of the button.
Don’t crop the logo file.
Don’t add vertical padding.
Titles. Use only Sign in with Apple , Sign up with Apple , or Continue with Apple.
General shape. Buttons that combine the logo with text are always rectangular; logo-only buttons can be circular or rectangular.
Logo and title colors. Within a button, both items must be either black or white; don’t use custom colors.
Title font. You can also adjust the font’s weight and size.
Title case. You can capitalize every letter in the title.
Background appearance. The overall color needs to remain black or white. If necessary, you can include a subtle texture or gradient to help the button harmonize with your interface.
Button corner radius. You can use a corner radius value that matches the other buttons in your UI.
Button bezel and shadow. For example, you can use a stroke to emphasize the button bezel or add a drop shadow.

Custom buttons with a logo and text

Choose the format of the logo file based on the height of your button.

Prefer the system font for the title — that is, Sign in with Apple, Sign up with Apple, or Continue with Apple.

In general, preserve the capitalization style of the title.

Keep the title and logo vertically aligned within the button.

Inset the logo if necessary.

Maintain a minimum margin between the title and the right edge of the button.

Maintain the minimum button size and margin around the button.

Custom logo-only buttons

Choose the format of the logo file based on the size of your button.

Don’t add horizontal padding to a logo-only image.

Use a mask to change the default square shape of the logo-only image.

Maintain a minimum margin around the button.

Sign in with Apple

Collecting data

Displaying buttons

Using the system-provided buttons

White

White with outline

Black

Button size and corner radius

Custom buttons with a logo and text

Custom logo-only buttons

Platform considerations

Resources

Developer documentation

Videos

Change log

Get HIG guidance in your AI