Apple provides several Sign in with Apple buttons you can use to let people set up an account and sign in. If necessary, you can create a custom button to offer Sign in with Apple; for guidelines, see Creating a Custom Sign in with Apple Button.
Prominently display a Sign in with Apple button. Make a Sign in with Apple button no smaller than other sign-in buttons, and avoid making people scroll to see the button.
When you use the system-provided APIs to create a Sign in with Apple button, you get the following advantages. You can also visit Sign in with Apple Button to view and adjust live previews of web-based buttons and get the code. The system provides several variants of the button title. Depending on the platform on which your content runs, choose the variant that fits the terminology of your sign-in experience and use it consistently throughout your interfaces.
Depending on the platform, the system provides up to three options for the appearance of the Sign in with Apple button: white, white with an outline, and black. Choose the appearance that works best with the background on which the button displays. The white style is available on all platforms and the web.
Use this style on dark backgrounds that provide sufficient contrast. The white outlined style is available in iOS, macOS, and the web. Avoid using this style on a dark or saturated background, because the black outline can add visual clutter; instead, use the white style to contrast with a dark background. The black style is available on all platforms and the web. To contrast with the pure black background of Apple Watch, the watchOS button uses the system-defined dark gray appearance.
Adjust the corner radius to match the appearance of other buttons in your app. By default, the Sign in with Apple button has rounded corners. In iOS, macOS, and the web, you can change the corner radius to produce a button with square corners or a pill-shaped button. Maintain the minimum button size and margin around the button in iOS, macOS, and the web.
Be mindful that the button title may vary in length depending on the locale. Use the following values for guidance. Always make sure that people can instantly identify your custom button as a Sign in with Apple button. If your custom button differs too much from the standard one, people may not feel comfortable using it to set up an account or sign in.
App Review evaluates all custom Sign in with Apple buttons. Apple Design Resources provides downloadable Apple logo artwork you can use to create custom Sign in with Apple buttons that display either a logo only or a logo and text.
Here are examples of the black and white logo-only art files, each with a background added for visibility. All downloadable logo files include padding that simplifies positioning the logo in a button. Logo-only logo files include horizontal and vertical padding that ensures the correct proportion of the logo relative to the button. Hand drawn Music Packs 37 Designs 3 Packs.
Grunge Collection Designs 35 Packs. T-Shirt Designs Designs. T-Shirt Template Templates 9 Packs. Hand Drawn Anchor 10 Designs 1 Packs. Women Face 10 Designs 1 Packs. Sketchy Decorative Elements Designs 10 Packs.
Tree Silhouette Designs 8 Packs. Halftone Designs 20 Packs. Hand Drawn Heraldry Designs 20 Packs. Hand Drawn Hand 27 Designs 2 Packs.
Heart Designs Designs 14 Packs.
0コメント