Apple Pay

Identity Guidelines for Developers
September 2016

Contents

Apple Pay

Overview 3

Apple Pay Buttons

Apple Pay Payment Button: Buy with Apple Pay 4

Apple Pay Payment Button: Pay with Apple Pay 5

Set Up Apple Pay Buttons 6

Do’s and Don’ts 7

Avoid Mistakes 8

Examples 9

Using Apple Pay in Text 11

Apple Pay Mark

Graphic Standards 12

Do’s and Don’ts 13
Examples 14

Marketing Communications Examples 15

Promoting Apple Pay

Editorial Guidelines 17

Legal Requirements 18

Appendix A 19

Apple Pay Identity Guidelines for Developers September 2016 2

or on the web with Safari. follow these guidelines carefully when promoting Apple Pay and whenever the Apple Pay feature is activated in an app or website. watchOS. https://developer. For iOS 9. use the UI assets described The information in these guidelines is subject to artwork provided by Apple and follow the instructions to the left. Follow the instructions in “Apple All materials must properly attribute every Apple for use in third-party apps and websites. Set up Apple Pay buttons can also be you can use the Apple Pay logo in your app user iOS devices and watchOS and whenever Apple created. The Apple Pay logo should be communications. used in your app only when layout space is extremely For versions of iOS earlier than 8. Support Buttons for watchOS apps must be created using only Apple Developer Program support is available at Apple reserves the right to withdraw permission to the Apple-provided API. the Apple Pay feature within third-party apps on API. approved by Apple.3. refer to by Apple. See “Legal Requirements” on page 18 and visit website to enable users to activate the Apple Pay www.com/apple-pay/ for updates. Marketing Communications Examples” trademark with the appropriate symbol and credit Pay buttons and mark should appear in your app or on pages 15–16.com/support. Refer to the Developer Resource Center at for artwork use in Appendix A.com/reference/applepayjs. Requirements For iOS 8. the Apple Pay section of the Developer Resource Center at https://developer. The Apple Pay Mark. Apple-provided UI assets Apple-provided marketing asset The Apple Pay buttons and the Apple Pay mark The Apple Pay mark can appear in marketing Legal requirements shown in these guidelines are approved by Apple communications. For most layouts. . communications. To help maintain the strength of the Apple Pay identity.apple. For more information.apple. use Apple Pay and Apple-provided user interface (UI) assets anytime their use is inconsistent with these Buttons that appear on websites must use the CSS For more information guidelines or is otherwise deemed inappropriate templates provided by Apple at https://developer For more information regarding Apple Pay. Apple Pay payment buttons Apple Pay logo Developers must follow these guidelines to activate must be created using only the Apple-provided If you are an approved Apple Pay bank or card issuer. lines. Apple Pay Identity Guidelines for Developers September 2016 3 .apple. https://developer.com/apple-pay/.3 and later.com/legal/intellectual-property for more feature. Do not use Apple Pay buttons in marketing detailed information on Apple legal requirements.apple.apple.Apple Pay Overview These guidelines are for Apple Developer Program members who provide their app or website users with access to the Apple Pay feature in iOS. see “Apple Pay Buttons” interface or on your website if your layout has been Pay is promoted in app or web-based marketing on pages 4–10. change. use only button limited.

Requirements Clear space For iOS 8. Do not place graphics or Black using the PKPaymentButton class. Style For iOS and web. typography in the clear space area. matching the size of other buttons in the checkout White The white button without an outline rule is for use on page or product detail page.3 and later and for watchOS. instead. Do sufficient contrast for a white button. white. buttons can be equal to or larger than similar payment or checkout buttons. option shown below. select the white button only the Apple-provided API. The white button with an outline rule is for use on white or The API will provide a localization of the Buy with very light-colored backgrounds that do not provide message based on the user’s language settings. and white with an outline rule. Do not allow the Apple For use on white or light-colored backgrounds that provide Pay payment button to share its surrounding border with Buttons for watchOS apps must be created using sufficient contrast. The buttons shown here are the preferred option Minimum width to activate the Apple Pay feature in iOS. Buttons that appear on websites must use the CSS 32 pt templates provided by Apple at https://developer . Each option includes the Apple Pay logo alone and the Buy with White with outline rule message along with the logo. A payment The minimum width requirement for Apple Pay buttons button must always invoke the Apple Pay payment is 32 pt. button.apple. instead. Apple Pay Identity Guidelines for Developers September 2016 4 . Size Specify the correct height and width for your layout. Do not specify a size that is smaller than other buttons. Do not place this not create your own localized payment button. select the white button option without an outline rule. button on dark or saturated color backgrounds.Apple Pay Buttons Apple Pay Payment Button: Buy with Apple Pay The Buy with Apple Pay button activates the Apple Pay payment sheet.1X where Pay payment buttons with the Apple-provided API X is the height of the button. button artwork is provided in black. Apple Pay payment colored backgrounds that provide sufficient contrast. Select only one option. Maintain clear space around the or very dark background. Do not place a black button on a black another button or graphic. sheet. create Apple The minimum clear space for a payment button is .com/reference/applepayjs.

Size Specify the correct height and width for your layout. matching the size of other buttons in the checkout stage of your interface. Style Button artwork is provided only in dark gray. using the PKPaymentButton class. The API will provide a localization of the Pay with message based on the user’s language settings. Apple Pay Identity Guidelines for Developers September 2016 5 . It does not activate on watchOS.3 and later and for watchOS. Do not create your own localized payment button. Do not specify a size that is smaller than other buttons. Apple Pay payment buttons can be equal to or larger than similar payment or checkout buttons. create Apple The Pay with Apple Pay button is provided in Pay payment buttons with the Apple-provided API dark gray for use on any background color. The button shown here is the preferred option to activate the Apple Pay feature in iOS. A payment button must always invoke Wallet.Apple Pay Buttons Apple Pay Payment Button: Pay with Apple Pay The Pay with Apple Pay button is available for iOS. Requirements Dark gray For iOS 8.

and white with an outline rule. white. Apple Pay buttons can be equal to or larger than Minimum width similar interface buttons.1X where sequence in iOS. Do not specify a size that The minimum width requirement for Apple Pay buttons is smaller than other buttons. Do not place a black button on a black After a user has completed the setup sequence. Do not allow the Set For use on white or light-colored backgrounds that provide up Apple Pay button to share its surrounding border with sufficient contrast. 32 pt Size Specify the correct height and width for your layout. select the white button Apple Pay payment button should appear on the the button. Select only one option for use colored backgrounds that provide sufficient contrast. The API will provide a localization of the Set up message based on the user’s language settings. Do not place graphics or Black always initiate the Apple Pay setup sequence. The buttons shown here are Clear space the preferred option to activate the Apple Pay setup The minimum clear space for a Set up button is . typography in the clear space area. layout. Do not create your own localized Set up Apple Pay button. Style Button artwork is provided in black. Apple Pay Identity Guidelines for Developers September 2016 6 . Maintain clear space around or very dark background.Apple Pay Buttons Set Up Apple Pay Buttons Requirements For iOS 9 or later. select the white button option without an outline rule. create Set up Apple Pay buttons with the Apple-provided API using the PKPaymentButton class. instead. Do not place this button on dark or saturated color backgrounds. instead. option shown below. Each option includes White the Apple Pay logo alone and the Set up message The white button without an outline rule is for use on along with the logo. is 32 pt. matching the size and position of the Set up Apple Pay button. the another button or graphic. A Set up Apple Pay button must X is the height of the button. White with outline rule The white button with an outline rule is for use on white or very light-colored backgrounds that do not provide sufficient contrast for a white button. in your app.

• Use the same style of the button for both portrait and landscape formats. Apple Pay setup sequence.Apple Pay Buttons Do’s and Don’ts Do Don’t • Use only the button API provided by Apple to • Do not create your own version of Apple Pay produce an Apple Pay button for iOS 8. other checkout buttons in your interface. templates provided by Apple at https://developer • Do not specify a button size that is smaller than . Apple Pay payment sheet. A localized button will be provided in the API • Set up Apple Pay buttons must always initiate the based on the user’s language settings. use only the API provided by Apple. artwork provided by Apple and follow the instructions • Do not use the buttons in marketing communications for artwork use in Appendix A.3 and later buttons. • Apple Pay payment buttons must always invoke the • Do not create a localized version of the button.apple. and watchOS. They are for • Buttons that appear on websites must use the CSS use only within a user interface.3. • Select a button color option that provides sufficient contrast to the surrounding background. • Specify a button size that is equal to or larger than other checkout buttons. to promote your app or product offering.com/reference/applepayjs. Apple Pay Identity Guidelines for Developers September 2016 7 . use button other views. • Do not use the Apple Pay payment button to invoke • For versions of iOS 8 earlier than 8.

Apple Pay Buttons Avoid Mistakes Do not use the Apple logo alone. “Minimum width” on pages 4 and 6. Apple Pay Identity Guidelines for Developers September 2016 8 . Do not use the Apple Pay logo on On a black or very dark background. use the white button. use the white button without the outline rule. “Apple Pay logo.” Do not create a button that crowds Do not create your own payment buttons. its own within an app or website except as described for bank or card issuers on page 3. minimum width requirement. On a saturated background color. See select the white button with the outline rule. the graphics and is narrower than the When placing a white payment button on a white or very light background.

Apple Pay Buttons Examples Apple Pay Identity Guidelines for Developers September 2016 9 .

Apple Pay Buttons Examples Apple Pay Identity Guidelines for Developers September 2016 10 .

include a registered trademark symbol (®) the first time Apple Pay appears in text within marketing copy. For apps and communications distributed only in the United States. Subsequent mentions of Apple Pay within the same communication do not require the registered trademark symbol. Do not typeset Apple Pay in all uppercase in marketing communications. Apple Pay can be offered as a payment option in text when other payment options are also displayed as text. Do not include a registered trademark symbol when Apple Pay appears as a selection option in payment flow layouts. Apple Pay can be set in all uppercase only when conforming to an established UI typographical style. Apple Pay Identity Guidelines for Developers September 2016 11 . Do not imitate Apple typography.Using Apple Pay in Text Typeset Apple Pay as two words using an uppercase A and uppercase P followed by lowercase letters. Match your UI font and typographical style.

match the point height A white or light background is preferred when displaying of other brand identities displayed in this format. The main message of the communication must be related to Apple Pay.1X where X is the height of the button. apple-pay/. Do not Use the mark in marketing communications only alter the artwork in any way or create your own version when promoting Apple Pay in relation to your of the Apple Pay mark. Maintain clear space around the mark. Clear space features a dark background. The minimum clear space for the mark is . Use only the artwork provided payment options. Other color options are not available. Size Background color Within payment flows. The Apple Pay mark is available only in white with an Marketing communications requirements outline rule.com/ brands are also displayed in the “credit card” format. Apple Pay Identity Guidelines for Developers September 2016 12 . Do not allow the Apple Pay mark to share its surrounding border with another button or graphic. the Apple Pay mark.apple.Apple Pay Mark Graphic Standards Requirements Use the Apple Pay mark to identify Apple Pay within payment flows when other payment brand marks are also displayed in the same or similar format. Do not place graphics or typography in the clear space area. use the Apple Pay mark when other payment Resource Center at https://developer. product or company promotions. Artwork Artwork can be downloaded from the Developer Within apps. Do not use the mark in general by Apple. The mark can appear on a dark Do not display the Apple Pay mark at a size that is background when an app screen or marketing layout smaller than other payment brand marks.

rotate. • Do not flip. • Do not create your own version of the Apple Pay • Use the Apple Pay mark when other payment mark. Buy with Do not add a message to the mark. Apple Pay Identity Guidelines for Developers September 2016 13 . identities are also displayed in a similar format. or Buy with reflections to the mark.Apple Pay Mark Do’s and Don’ts Do Don’t • Use only the artwork provided by Apple. Do not use the Apple Pay logo on its own without the surrounding payment mark border. Do not adjust • Use the mark in marketing communications when the width or the aspect ratio of the artwork. • Do not add messages to the mark. or animate the mark. glows. The Apple Pay mark is available only in white with • Do not adjust the corner radius on the artwork. • Do not translate the word Pay within the Apple Pay mark. the main message of the communication promotes • Do not display a mark that is smaller than other Do not change the color or alter the Buy with Apple Pay. payment identities in a similar format. • Do not alter the artwork in any way. • Do not add visual effects such as shadows. artwork in any way. an outline rule.

Apple Pay Mark Examples Use the Apple Pay mark to identify Apple Pay in payment selection screens whenever other payment options are also identified with a similar mark. The Apple Pay mark should conform to the size and placement of other payment identity marks. Apple Pay Identity Guidelines for Developers September 2016 14 .

Apple Pay Mark Marketing Communications Examples 100 Banner ad promoting Apple Pay Banner ad promoting an app Avoid mistakes Use the Apple Pay mark when the main message focuses Use the Download on the App Store badge when the main Do not combine the Download on the App Store badge on Apple Pay. Follow the instructions for using Apple product images in the App Store Marketing Guidelines at https://developer. The marketing communication material and use of the Download on When an Apple product is included. The Apple at https://developer. display your app on the App Store badge must comply with the App Store the product screen exactly as it appears when your app Marketing Guidelines at https://developer.apple. within your app can be shown. and the Apple Pay mark in the same layout space. to the main message or app or company identity. Screens from the Apple Pay payment flow app-store/marketing/guidelines/.com/app-store/ marketing/guidelines/#images.apple.apple.com/ is running. guidelines/#downloadonappstore.com/app-store/marketing/ Pay mark cannot overpower the layout. Apple Pay Identity Guidelines for Developers September 2016 15 . message focuses on app promotions. Select the Apple-provided asset that most closely supports the content The Apple Pay mark must be secondary in size and placement The Download on the App Store badge can be downloaded of the communication.

Apple Pay Mark Marketing Communications Examples www.com/appname This tile promotes Apple Pay. This tile promotes an app. the Apple Pay mark and the Download on the App Store badge can appear on the same layout when each is placed in a dedicated tile or other area with content that promotes either Apple Pay or an app. The Apple Pay mark and Download on the App Store badge can be placed only near content related to their use. Do not place the Apple Pay mark and the Download on the App Store badge together in a tile. The Download on the App Store badge is used. Home page On large layouts.company. The Apple Pay mark is used. Apple Pay Identity Guidelines for Developers September 2016 16 . such as the landing page of a website or a full-page print ad.

Apple Pay described on this page. Apple Pay.S. your website.com/legal/intellectual-property/trademark/ check out with a single touch. and private way to . Apple Pay Identity Guidelines for Developers September 2016 17 . iPad Air 2. Match the product images. Touch ID is typeset as two words with an uppercase T followed by App Store Marketing Guidelines lowercase letters. or you can letters. activate the Apple Pay feature in iOS. iPhone. or title. font used in the rest of your communication. Purchase with  Pay by simply Never use the Apple logo to represent the name Always follow the guidelines for using the name using Touch ID on your iPhone 6s. Guidelines at https://developer. Apple in text. or iPad Pro to symbol (®) the first time Apple Pay appears in body pay in an easy. appletmlist. and uppercase ID. other Apple trademarks in English. using Touch ID on your iPhone 6s. Using the name Apple Pay When using the name Apple Pay in headlines or Suggested messaging copy. even when they appear within text in a language other than English. App screens Screens from the Apple Pay payment flow within Purchase with APPLE PAY by simply Typeset Apple trademarks in a manner that is your app can be shown on Apple-provided consistent with your company’s identity.apple. The name iPhone should start app-store/marketing/guidelines/. communications. follow the App Store with a lowercase i and an uppercase P followed Marketing Guidelines at https://developer.apple. secure. and using Touch ID on your iPhone 6s. Touch ID. • Apple Pay description—short version: In U. secure. Typeset iPhone When promoting your app. with a lowercase i even when it is the first word in a sentence. Do not Apple product images in the App Store Marketing imitate Apple typography.html. watchOS.com/ by lowercase letters. single touch.Promoting Apple Pay Editorial Guidelines Messaging that describes Apple Pay can appear Do not translate Purchase with Apple Pay simply by in communications promoting your capability to Do not translate Apple Pay or any other Apple trademark.apple. Follow the instructions for using using Touch ID on your iPhone 6s. develop your own copy related to your offer. Typesetting Apple trademarks • Apple Pay description—long version: Apple trademarks must be typeset exactly as Apple Pay transforms payments within apps and Purchase with ApplePay by simply they appear on the Apple Trademark List at www websites with an easy. use the registered trademark Use your iPhone 6s. or on Always use Apple. For example. paragraph.com/app-store/ marketing/guidelines/#images. and private way with a copy. always typeset Apple Pay as two words with an You can use the suggested messaging below to uppercase A and uppercase P followed by lowercase promote Apple Pay in promotions.

In marketing communications distributed only in the notice and credit lines (but not the trademarks) can United States. Apple Pay Identity Guidelines for Developers September 2016 18 . you can download iPhone® artwork for Apple Pay assets. Apple products. Apple.apple.com/ apple-pay/.html..S. © 2016 Apple Inc. or displayed. Apple Pay and the Apple Pay assets as described in Do not add a trademark symbol to the Apple Pay visit “Guidelines for Using Apple Trademarks and these guidelines cannot be used in any manner that UI assets provided by Apple. to reduce.html for the correct trademark symbol.com/ legal/intellectual-property/trademark/appletmlist . iPhone. iPhone.S. registered in the U. diminish.com/legal/intellectual- falsely suggests an association with Apple or is likely trademark attributions wherever legal information is property/guidelinesfor3rdparties. Refer to the Apple Trademark List at www. a translation of the legal or Apple itself. registered in the U. Apple Pay. the appropriate symbol (™. the Apple logo. With Apple’s approval. In all regions. Visit the Developer Touch ID® Resource Center at https://developer. Apple Pay. and watchOS are trademarks of Apple Inc. or ®) be used in materials distributed outside the U. iPad Air. iPad. and other countries. mentioned in marketing copy—for example: Downloading artwork Apple® Subject to your agreement with the terms of the Apple Pay® Apple Pay License Agreement. and Touch ID are trademarks of Apple Inc.S. value. List only the specific Apple trademarks used in your marketing communication’s text or audio. registered in the U. Other product and company names mentioned herein may be trademarks of their respective companies. SM. or damage the goodwill. include Apple Copyrights” at www. include the following credit line: Apple.apple. must follow each Apple trademark the first time it is Never translate an Apple trademark. and other countries and is used under license. and other countries. Touch ID.Legal Requirements Apple requirements Trademark symbols and credit lines For more information about using Apple trademarks.. the Apple logo. and other countries. Apple Store and App Store are service marks of Apple Inc.S. reputation associated with Apple Pay.S. IOS is a trademark or registered trademark of Cisco in the U.apple. In apps.. All rights reserved. MacBook Air.

message. The artwork within the button must display Apple Pay buttons can be equal to or larger than exactly as provided by Apple. select Select your button artwork in the correct height the correct height artwork from the files provided. but do not make the button narrower than the artwork provided. matching the point height of other Do not alter the Apple Pay logo or Buy with or Set up buttons in the checkout stage of your interface. You can make the button wider. Artwork files are organized by height and can be downloaded from the Developer Resource Center at https://developer. Do not select Stretch Stretch a height that is smaller than other buttons.3 Follow the instructions here only to produce Apple Pay buttons in an app that runs on iOS versions earlier than 8. for your layout. do not make it narrower than the artwork provided. as shown above.png artwork in all point sizes between 32 pt and fit your layout. Do not make changes to the button height. Apple Pay Identity Guidelines for Developers September 2016 19 .3.apple.com/apple-pay/. 12px 12px similar payment or checkout buttons.Appendix A For iOS Versions Earlier than 8. but 64 pt in height. You can extend the button width. Match the width of other payment or checkout buttons in your interface. Selecting artwork Button width adjustment 12px 12px Each version of the button is provided as 2X and The width of the button artwork can be extended to 3X . Widen the payment button by extending the 12th pixel on each side of the button.

glows. page 19. Apple Pay Identity Guidelines for Developers September 2016 20 .3 Do Don’t • Use only the button artwork provided by Apple. • Do not select a button height that is smaller than other checkout buttons in your interface. Apple Pay payment sheet. setup sequence. • Do not create your own version of Apple Pay • Apple Pay payment buttons must always invoke the buttons. • Do not use the Apple Pay payment button to invoke • Set up Apple Pay buttons must always initiate the other views. or animate the button. They are for use only within a user interface. rotate. • Do not place your own message within a button. • Select the logo-only version of the button for use • Do not use the buttons in marketing communications within a non-English interface. • Use the same version of the button for both portrait and landscape formats. • Do not change the color within the button. to promote your app. use only the artwork provided by Apple.Appendix A For iOS Versions Earlier than 8. see “Appendix A” on than other checkout buttons. • Do not flip. Do not translate the Buy with or Set up message or create your own localized version of the payment button. • Select a button color option that provides sufficient contrast to the surrounding background. or reflections to the buttons. • Do not translate the word Pay within the Apple Pay logo. • Do not adjust the corner radius on the button artwork. Only the black or white buttons shown in these guidelines are approved by Apple. • Do not alter the artwork in any way except to adjust • Select a button height that is equal in size or larger the width to fit your layout. • Do not add visual effects such as shadows.