CINXE.COM

<!DOCTYPE html> <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta charset="utf-8" /> <meta name="Author" content="Apple Inc." /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" /> <link rel="mask-icon" href="/apple-logo.svg" color="#333333"> <link rel="stylesheet" href="/assets/styles/global.dist.css?01172423298" type="text/css" /> <link rel="stylesheet" href="/assets/styles/dark-mode.css?17182448067" type="text/css" media="(prefers-color-scheme: dark)" data-color-scheme="dark" /> <link rel="stylesheet" href="/assets/styles/localization.css?39172414191" type="text/css" /> <script src="/assets/scripts/lib/jquery/jquery-3.6.0.min.js?17182448067"></script> <script src="/assets/scripts/settings.js?17182448067"></script> <script src="/assets/scripts/language-locales.js?17182448067"></script> <script src="/assets/scripts/DeveloperBreadcrumbs.js?05182434080"></script> <script async src="/assets/scripts/lib/jquery/jquery.retinate.js?17182448067"></script> <script async src="/assets/scripts/global.js?17182448067"></script> <script async src="/assets/scripts/global-logout.js?17182448067"></script> <link rel="stylesheet" href="https://www.apple.com/wss/fonts?family=SF+Pro&v=2" type="text/css" /> <link rel="stylesheet" href="https://www.apple.com/wss/fonts?family=SF+Pro+Icons&v=1" type="text/css" /> <link rel="stylesheet" href="https://www.apple.com/wss/fonts?family=SF+Mono&v=2" type="text/css" /> <link rel="stylesheet" href="https://www.apple.com/wss/fonts?family=Apple+Icons&v=1" type="text/css" /> <title>Add to Apple Wallet badge guidelines - Wallet - Apple Developer</title> <meta name="omni_page" content="Add to Apple Wallet badge guidelines - Wallet - (English)" /> <meta name="Description" content="Follow these guidelines when using the badge on your web pages, emails, or printed materials."> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="Apple Developer" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://developer.apple.com/news/images/og/wallet-og.jpg" /> <meta property="og:title" content="Add to Apple Wallet Guidelines - Wallet - Apple Developer" /> <meta property="og:description" content="Follow these guidelines when using the button in your apps, web pages, and email, or when using the badge on printed materials." /> <meta property="og:url" content="https://developer.apple.com/wallet/add-to-apple-wallet-guidelines/" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://developer.apple.com/news/images/og/wallet-og-twitter.jpg"> <meta name="twitter:description" content="Follow these guidelines when using the button in your apps, web pages, and email, or when using the badge on printed materials."> <meta name="twitter:title" content="Add to Apple Wallet Guidelines - Wallet - Apple Developer"> <meta name="twitter:url" content="https://developer.apple.com/wallet/add-to-apple-wallet-guidelines/"> <link rel="stylesheet" href="/wallet/styles/wallet.css" type="text/css" /> <link rel="stylesheet" href="/wallet/styles/add-to-apple-wallet-guidelines.css" type="text/css" /> <link rel="stylesheet" href="/assets/styles/cover.css" type="text/css" /> <script src="/assets/scripts/cover.js"></script> <link rel="alternate" href="https://developer.apple.com/kr/wallet/add-to-apple-wallet-guidelines/" hreflang="ko-KR" /> <link rel="alternate" href="https://developer.apple.com/jp/wallet/add-to-apple-wallet-guidelines/" hreflang="ja-JP" /> <link rel="alternate" href="https://developer.apple.com/cn/wallet/add-to-apple-wallet-guidelines/" hreflang="zh-CN" /> <link rel="alternate" href="https://developer.apple.com/wallet/add-to-apple-wallet-guidelines/" hreflang="en" /> <link rel="canonical" href="https://developer.apple.com/wallet/add-to-apple-wallet-guidelines/" /> </head> <body id="add-to-apple-wallet-guidelines" class="dmf"> <script> const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches; if (window.Settings.preferredColorScheme) { const colorTheme = (window.Settings.preferredColorScheme === 'auto') && !prefersDark ? 'light' : (window.Settings.preferredColorScheme === 'light') ? 'light' : 'dark' document.body.setAttribute('data-color-scheme', colorTheme); } else { document.body.setAttribute('data-color-scheme', prefersDark ? 'dark' : 'light'); } </script> <style> /* footer */ html body[data-color-scheme='dark'] #main section.section.section-resources.bg-alt {background-color:var(--fill-tertiary);color:var(--glyph-gray);} html body[data-color-scheme='dark'] .developer-router-links {background-color:var(--fill-tertiary);color:var(--glyph-gray);} html body[data-color-scheme='dark'] .footer {background-color:var(--fill-tertiary);color:var(--glyph-gray-tertiary);} /* body backgrounds */ body[data-color-scheme='dark'].dmf {background-color: #000;} html body[data-color-scheme='dark'].dmf .bg-alt {background-color:var(--fill-tertiary);} html body[data-color-scheme='dark'].dmf .bg-blue {background-color:var(--fill-blue-secondary);} html body[data-color-scheme='dark'].dmf .bg-green-blue {background:linear-gradient(135deg, #65976d 0%, #588ea4 100%)} html body[data-color-scheme='dark'].dmf .bg-yellow {background: linear-gradient(to bottom, var(--fill-tertiary) 0%, var(--fill-tertiary-alt) 100%);} html body[data-color-scheme='dark'].dmf .bg-light {background-color:var(--fill-secondary-alt);} html body[data-color-scheme='dark'].dmf .bg-gradient, html body[data-color-scheme='dark'].dmf .bg-grad {background:linear-gradient(to bottom, var(--dark) 0%, var(--fill-gray-secondary-alt) 100%);} html body[data-color-scheme='dark'].dmf .bg-grad-down {background:linear-gradient(to bottom, var(--dark) 0%, var(--fill-gray-secondary-alt) 100%);} html body[data-color-scheme='dark'].dmf .bg-grad-up {background:linear-gradient(to bottom, var(--fill-gray-secondary-alt) 0%, var(--dark) 100%);} html body[data-color-scheme='dark'].dmf .bg-blue-gradient, html body[data-color-scheme='dark'].dmf .bg-gradient-blue {background:linear-gradient(to bottom, var(--fill-blue-gradient-light) 0%, var(--fill-blue-gradient-dark) 100%);} html body[data-color-scheme='dark'].dmf .bg-blue-gradient-alt {background: linear-gradient(90deg, #061830 0%, #102d48 100%);} /* globalNav */ html body[data-color-scheme='dark'] #ac-globalnav {background: var(--fill-tertiary);} /* localNav */ html body[data-color-scheme='dark'] .localnav.localnav-scrim .localnav-background, html body[data-color-scheme='dark'] .localnav-scrim.localnav.localnav-background { background-color: rgba(29, 29, 31, 0.9); } @supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) { html body[data-color-scheme='dark'] .localnav.localnav-scrim .localnav-background, html body[data-color-scheme='dark'] .localnav-scrim.localnav.localnav-background { background-color: rgba(29, 29, 31, 0.72); } } </style> <link rel="stylesheet" href="/assets/styles/globalnav.css?55202406207" type="text/css" /> <link rel="stylesheet" href="/assets/styles/suggest-lang.css?17182448067" type="text/css" /> <div id="suggest-lang" class="ribbon hide" lang="en"> <div class="ribbon-content-wrapper"> <div class="ribbon-content row"> <div class="column large-12 large-centered"> <p><a href="#" id="suggest-link" class="ribbon-link more">View in English</a></p> <button id="suggest-closer" class="icon icon-after icon-reset" aria-label="Dismiss language suggestion" tabindex="0"></button> </div> </div> </div> </div> <script src="/assets/scripts/suggest-lang.js?17182448067"></script> <aside id="ac-gn-segmentbar" class="ac-gn-segmentbar" lang="en-US" dir="ltr"> </aside> <input type="checkbox" id="ac-gn-menustate" class="ac-gn-menustate" /> <nav id="ac-globalnav" class="no-js" role="navigation" aria-label="Global" data-hires="false" data-analytics-region="global nav" lang="en-US" dir="ltr" data-www-domain="www.apple.com" data-store-locale="us" data-store-root-path="/us" data-store-api="/[storefront]/shop/bag/status" data-search-locale="en_US" data-search-suggestions-api="/search-services/suggestions/" data-search-defaultlinks-api="/search-services/suggestions/defaultlinks/" data-search-suggestions-enabled="false"> <div class="ac-gn-content"> <ul class="ac-gn-header"> <li class="ac-gn-item ac-gn-menuicon"> <label class="ac-gn-menuicon-label" for="ac-gn-menustate" aria-hidden="true"> <span class="ac-gn-menuicon-bread ac-gn-menuicon-bread-top"> <span class="ac-gn-menuicon-bread-crust ac-gn-menuicon-bread-crust-top"></span> </span> <span class="ac-gn-menuicon-bread ac-gn-menuicon-bread-bottom"> <span class="ac-gn-menuicon-bread-crust ac-gn-menuicon-bread-crust-bottom"></span> </span> </label> <a href="#ac-gn-menustate" role="button" class="ac-gn-menuanchor ac-gn-menuanchor-open" id="ac-gn-menuanchor-open"> <span class="ac-gn-menuanchor-label">Global Nav Open Menu</span> </a> <a href="#" role="button" class="ac-gn-menuanchor ac-gn-menuanchor-close" id="ac-gn-menuanchor-close"> <span class="ac-gn-menuanchor-label">Global Nav Close Menu</span> </a> </li> <li class="ac-gn-item ac-gn-apple"> <a class="ac-gn-link ac-gn-link-apple-developer" href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus-small"> <span class="ac-gn-link-text">Apple Developer</span> </a> </li> </ul> <div class="ac-gn-search-placeholder-container" role="search"> <div class="ac-gn-search ac-gn-search-small"> <a id="ac-gn-link-search-small" class="ac-gn-link" href="/search/" data-analytics-title="search" data-analytics-click="search" data-analytics-intrapage-link aria-label="Search"> <div class="ac-gn-search-placeholder-bar"> <div class="ac-gn-search-placeholder-input"> <div class="ac-gn-search-placeholder-input-text" aria-hidden="true"> <div class="ac-gn-link-search ac-gn-search-placeholder-input-icon"></div> <span class="ac-gn-search-placeholder">Search</span> </div> </div> <div class="ac-gn-searchview-close ac-gn-searchview-close-small ac-gn-search-placeholder-searchview-close"> <span class="ac-gn-searchview-close-cancel" aria-hidden="true">Cancel</span> </div> </div> </a> </div> </div> <ul class="ac-gn-list"> <li class="ac-gn-item ac-gn-apple"> <a class="ac-gn-link ac-gn-link-apple-developer" href="/" data-analytics-title="appledeveloper home" id="ac-gn-firstfocus"> <span class="ac-gn-link-text">Apple Developer</span> </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-news"> <a class="ac-gn-link ac-gn-link-news" href="/news/" data-analytics-title="news"> <span class="ac-gn-link-text">News</span> </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-discover"> <a class="ac-gn-link ac-gn-link-discover" href="/discover/" data-analytics-title="discover"> <span class="ac-gn-link-text">Discover</span> </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-design"> <a class="ac-gn-link ac-gn-link-design" href="/design/" data-analytics-title="design"> <span class="ac-gn-link-text">Design</span> </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-develop"> <a class="ac-gn-link ac-gn-link-develop" href="/develop/" data-analytics-title="develop"> <span class="ac-gn-link-text">Develop</span> </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-distribute"> <a class="ac-gn-link ac-gn-link-distribute" href="/distribute/" data-analytics-title="distribute"> <span class="ac-gn-link-text">Distribute</span> </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-dsupport"> <a class="ac-gn-link ac-gn-link-dsupport" href="/support/" data-analytics-title="dsupport"> <span class="ac-gn-link-text">Support</span> </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-account"> <a class="ac-gn-link ac-gn-link-account" href="/account/" data-analytics-title="account"> <span class="ac-gn-link-text">Account</span> </a> </li> <li class="ac-gn-item ac-gn-item-menu ac-gn-search" role="search"> <a id="ac-gn-link-search" class="ac-gn-link ac-gn-link-search" href="/search/" data-analytics-title="search" data-analytics-click="search" data-analytics-intrapage-link aria-label="Search"></a> </li> </ul> <aside id="ac-gn-searchview" class="ac-gn-searchview" role="search" data-analytics-region="search"> <div class="ac-gn-searchview-content"> <div class="ac-gn-searchview-bar"> <div class="ac-gn-searchview-bar-wrapper"> <form id="ac-gn-searchform" class="ac-gn-searchform" action="/search/" method="get"> <div class="ac-gn-searchform-wrapper"> <input id="ac-gn-searchform-input" class="ac-gn-searchform-input" type="text" name="q" aria-label="Search" placeholder="Search" autocorrect="off" autocapitalize="off" autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="true" aria-owns="quicklinks suggestions" /> <button id="ac-gn-searchform-submit" class="ac-gn-searchform-submit" type="submit" disabled aria-label="Submit Search"></button> <button id="ac-gn-searchform-reset" class="ac-gn-searchform-reset" type="reset" disabled aria-label="Clear Search"> <span class="ac-gn-searchform-reset-background"></span> </button> </div> </form> <button id="ac-gn-searchview-close-small" class="ac-gn-searchview-close ac-gn-searchview-close-small" aria-label="Cancel Search"> <span class="ac-gn-searchview-close-cancel" aria-hidden="true"> Cancel </span> </button> </div> </div> <aside id="ac-gn-searchresults" class="ac-gn-searchresults hidden" data-string-quicklinks="Quick Links" data-string-suggestions="Suggested Searches" data-string-noresults=""> <section class="ac-gn-searchresults-section ac-gn-searchresults-section-defaultlinks"> <div class="ac-gn-searchresults-section-wrapper"> <div class="search-group-checkbox hidden"><input id="group-input" type="checkbox" name="group-filter" checked>Only search within “<span id="group-search-label"></span>”</div> <h3 class="ac-gn-searchresults-header ac-gn-searchresults-animated">Quick Links</h3> <ul class="ac-gn-searchresults-list" id="defaultlinks" role="listbox"> </ul> <span role="status" class="ac-gn-searchresults-count" aria-live="polite">5 Quick Links</span> </div> </section> </aside> </div> <button id="ac-gn-searchview-close" class="ac-gn-searchview-close" aria-label="Cancel Search"> <span class="ac-gn-searchview-close-wrapper"> <span class="ac-gn-searchview-close-left"></span> <span class="ac-gn-searchview-close-right"></span> </span> </button> </aside> </div> </nav> <div class="ac-gn-blur"></div> <div id="ac-gn-curtain" class="ac-gn-curtain"></div> <div id="ac-gn-placeholder" class="ac-nav-placeholder"></div> <script src="/assets/scripts/ac-globalnav.built.js?17182448067"></script> <link rel="stylesheet" href="/assets/styles/search.css?17182448067"> <script src="/assets/scripts/search.js?17182448067"></script>  <script> /* RSID: */ var s_account="awdappledeveloper" </script> <script src="/assets/metrics/scripts/analytics.js?072620243"></script> <script> s.pageName= AC && AC.Tracking && AC.Tracking.pageName(); s.channel="www.en.developer" s.channel="www.en.developer"; /************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/ var s_code=s.t();if(s_code)document.write(s_code) </script>  <link rel="stylesheet" property="stylesheet" href="/assets/styles/localnav.css" type="text/css" /> <input type="checkbox" id="localnav-menustate" class="localnav-menustate"/> <nav id="localnav" class="localnav localnav-scrim" data-sticky role="navigation"> <div class="localnav-wrapper"> <div class="localnav-background"></div> <div class="localnav-content"> <h2 class="localnav-title"> <a href="/wallet/">Wallet</a> </h2> <div class="localnav-menu"> <a href="#localnav-menustate" class="localnav-menucta-anchor localnav-menucta-anchor-open" id="localnav-menustate-open"> <span class="localnav-menucta-anchor-label">Open Menu</span> </a> <a href="#" class="localnav-menucta-anchor localnav-menucta-anchor-close" id="localnav-menustate-close"> <span class="localnav-menucta-anchor-label">Close Menu</span> </a> <div class="localnav-menu-tray"> <ul class="localnav-menu-items"> <li class="localnav-menu-item"> <a href="/wallet/" class="localnav-menu-link">Overview</a> </li> <li class="localnav-menu-item"> <a href="/wallet/whats-new/" class="localnav-menu-link">What’s New</a> </li> <li class="localnav-menu-item"> <a href="/wallet/get-started/" class="localnav-menu-link">Get Started</a> </li> <li class="localnav-menu-item"> <a href="/wallet/add-to-apple-wallet-guidelines/" class="localnav-menu-link">Add to Apple Wallet Guidelines</a> </li> <li class="localnav-menu-item"> <a href="/wallet/resources/" class="localnav-menu-link">Resources</a> </li> </ul> </div> <div class="localnav-actions localnav-actions-center"> <div class="localnav-action localnav-action-menucta" aria-hidden="true"> <label for="localnav-menustate" class="localnav-menucta"> <span class="localnav-menucta-chevron"></span> </label> </div> </div> </div> </div> </div> </nav> <label id="localnav-curtain" for="localnav-menustate"></label> <script src="/assets/scripts/ac-localnav.built.js"></script> <script type="text/javascript" src="/assets/scripts/localnav.js"></script> <main id="main" class="main" role="main"> <section class="section section-hero"> <div class="section-content"> <header class="row"> <div class="column large-centered large-9 medium-10 small-12 text-center"> <h1 class="typography-headline">Add to Apple Wallet badge guidelines</h1> <p class="typography-intro">The Add to Apple Wallet badge give people a visual cue to add passes, tickets, coupons, and more to the Wallet app on their Apple device. Follow these guidelines when using the badge on your web pages, email, and printed materials.</p> </div> </header> </div> <picture class="lockup-hero center" role="img" alt="A MacBook Pro screen showing a flight confirmation, and an iPhone screen showing a boarding pass for the same flight. Both screens feature an Add to Apple Wallet badge." aria-label="A MacBook Pro screen showing a flight confirmation, and an iPhone screen showing a boarding pass for the same flight. Both screens feature an Add to Apple Wallet ."> <source media="(max-width: 1068px)" srcset="/wallet/add-to-apple-wallet-guidelines/images/lockup-hero-medium_2x.png" /> <img src="/wallet/add-to-apple-wallet-guidelines/images/lockup-hero-large_2x.png" width="100%" class="hero-image" /> </picture> </section> <section class="section section-button"> <div class="section-content"> <div class="row divider-top"> <div class="column large-8 medium-10 small-12"> <h2 class="typography-callout">Using the badge</h2> <p>The Add to Apple Wallet badge is designed to be used on web pages and emails, or printed materials accompanied by a QR code that lets people add a pass to Apple Wallet. The badge should appear only in association with your Wallet‑compatible pass.</p> <p>For apps, use the <a href="/documentation/passkit/pkaddpassbutton/">PKAddPassButton<span class="loc-en-only"></span></a> class to create an Add to Apple Wallet button. You can choose the button’s style, and the system provides a control with the correct appearance and language. It’s available as a one-line button or two-line button.</p> <p><a class="overlay-trigger icon icon-after icon-downloadcircle" href="" rel="/file/?file=wallet&agree=Yes">Download badge files</a></p> </div> </div> <div class="row"> <div class="column large-5 medium-6 small-12"> <h3 class="typography-label">Format</h3> <p>The Add to Apple Wallet badge is available in 45 locales in SVG and EPS file formats.</p> <ul class="compound-item-list"> <li>Be sure to use the badges provided by Apple. Do not create your own versions.</li> <li>Use the SVG artwork provided by Apple for badges on your web pages and email.</li> <li>Use the EPS artwork for badges on printed materials accompanied by a QR code.</li> </ul> </div> <div class="column large-offset-1 large-6 medium-5 small-offset-0 small-12"> <figure class="button-sidebar button-two-line margin-bottom"></figure> <figure class="button-sidebar button-localized margin-top"></figure> <figcaption class="typography-caption"> <h4 class="typography-caption-headline">Localized badge</h4> </figcaption> </div> </div> <div class="row"> <div class="column large-5 medium-6 small-12"> <h3 class="typography-label">Background color</h3> <p>Use this badge on white or light-colored backgrounds that provide sufficient contrast. With very dark backgrounds, use the outline option shown.</p> </div> <div class="column large-offset-1 large-6 medium-5 small-offset-0 small-12"> <figure class="button-background"></figure> </div> </div> <div class="row"> <div class="column large-5 medium-6 small-12"> <h3 class="typography-label">Clear space</h3> <p>For onscreen layouts, the minimum clear space for the badge is .1X where X is the height of the badge. For print, see <a href="#printing-the-badge-with-a-code" class="nowrap">Printing the badge with a code</a>.</p> </div> <div class="column large-offset-1 large-6 medium-5 small-offset-0 small-12"> <figure class="button-clearspace"></figure> </div> </div> </div> </section> <section class="section section-product"> <div class="section-content"> <div class="row-flex divider-top"> <div class="column-flex-center large-5 small-12"> <h3 class="typography-label">Email</h3> <p>Place the badge near the pass that can be stored in Wallet. Users can add their pass to Wallet directly from email opened on their iPhone, iPod touch, or Mac. Because users might open the email on another device, include instructions for opening the email on iPhone, iPod touch, or Mac.</p> </div> <div class="column-flex-center large-offset-1 large-6 small-offset-0 small-12"> <figure class="image-flex sample-email center"></figure> </div> </div> <div class="row-flex"> <div class="column-flex-center large-5 small-12"> <h3 class="typography-label">Web pages</h3> <p>Place the badge near the pass that can be stored in Wallet. Users can add their pass to Wallet directly from a web page opened on iPhone, iPod touch, or Mac. Because users might open the web page on another device, include instructions for opening the page on their iPhone, iPod touch, or Mac.</p> </div> <div class="column-flex-center large-offset-1 large-6 small-offset-0 small-12"> <figure class="image-flex sample-web center"></figure> </div> </div> </div> </section> <section class="section section-print"> <div class="section-content"> <div class="row divider-top"> <div class="column large-8 medium-10 small-12"> <h2 class="typography-callout">Using the badge on printed materials</h2> <p>In printed materials, the Add to Apple Wallet badge should appear only in association with a Wallet-compatible pass and must be accompanied by a QR code or bar code. Customers can use the Camera app to scan the code on point-of-sale signage, coupons, posters, or other printed material. Scanning the code adds the pass to Wallet.</p> </div> </div> <div class="row-flex"> <div class="column-flex-center large-5 small-12"> <h3 class="typography-label">Point-of-sale sign</h3> <p>Place the Add to Apple Wallet badge and suggested messaging near the code. Place the badge on the layout so that it is clearly visible yet in a subordinate position following the main graphics and messages.</p> </div> <div class="column-flex-center large-offset-1 large-6 small-offset-0 small-12"> <figure class="image-flex print-cashpoint center"></figure> </div> </div> <div class="row-flex"> <div class="column-flex-center large-5 small-12"> <h3 class="typography-label">Poster</h3> <p>On large printed materials, the Add to Apple Wallet badge cannot be larger than the maximum height requirement of 25 mm.</p> </div> <div class="column-flex-center large-offset-1 large-6 small-offset-0 small-12"> <figure class="image-flex print-poster center"></figure> </div> </div> <div class="row divider-top" id="printing-the-badge-with-a-code"> <div class="column large-8 medium-10 small-12"> <h2 class="typography-callout">Printing the badge with a code</h2> </div> </div> <div class="row-flex"> <div class="column-flex-center large-7 small-12"> <h3 class="typography-label">Clear space and size requirements</h3> <p>Minimum clear space is one-quarter the height of the badge. On printed materials, the minimum size for the Add to Apple Wallet badge is 10 mm in height and the maximum size is 25 mm in height. Do not reduce or enlarge the badge beyond these sizes.</p> </div> <div class="column-flex-center large-offset-1 large-4 small-offset-0 small-12"> <figure class="image-flex print-clearspace"></figure> </div> </div> <div class="row-flex"> <div class="column-flex-center large-7 small-12"> <h3 class="typography-label">QR codes and bar codes</h3> <p>A recommended minimum code size for optimum scanning to Wallet is 40 mm wide. At this size QR codes of version 10 or lower, PDF 417 bar codes with five or fewer data columns, and Aztec codes of six or fewer data layers are recommended.</p> </div> <div class="column-flex-center large-offset-1 large-4 small-offset-0 small-12"> <figure class="image-flex print-codes"></figure> </div> </div> <div class="row-flex"> <div class="column-flex-center large-7 small-12"> <h3 class="typography-label">Badge and code alignment</h3> <p>It is recommended that the code and Add to Apple Wallet badge be aligned to equal width. It is also acceptable to have the codes left or center aligned.</p> </div> <div class="column-flex-center large-offset-1 large-4 small-offset-0 small-12"> <figure class="print-alignment"></figure> </div> </div> <div class="row row-whitespace"> <div class="column large-7 small-12"> <h3 class="typography-label">White space</h3> <p>Allow minimum clear space around the Add to Apple Wallet badge. Make sure you also comply with the requirements for a surrounding “quiet zone” for the type of code you are using. Codes must be printed on a white or light background. If your layout includes a dark background, do not extend the code’s required surrounding white space to include the Add to Apple Wallet badge. The white space should surround only the code. On dark backgrounds, the Add to Apple Wallet badge should not touch the code’s required surrounding white space.</p> </div> <div class="column large-offset-1 large-4 small-offset-0 small-12"> <figure class="print-whitespace-yes"></figure> <figure class="print-whitespace-no"></figure> </div> </div> </div> </section> <section class="section section-editorial"> <div class="section-content"> <div class="row divider-top"> <div class="column large-8 medium-10 small-12"> <h2 class="typography-callout">Editorial guidelines</h2> <p>Messaging that describes Wallet can be used in communications promoting Wallet-compatible passes. Messaging can be placed near the Add to Apple Wallet badge that accompanies your pass, or it can be used in general product communications to describe compatibility with Wallet.</p> <h3 class="typography-label">Suggested messaging</h3> <p>You can use the suggested messaging below to describe and promote Wallet, or you can develop your own copy. Always follow the guidelines for using the name <em>Wallet</em> described below.</p> <ul class="compound-item-list"> <li>Wallet description—long version: <p>“The Wallet app on Apple Watch, iPhone, and iPod touch is where you store and access all your boarding passes, movie tickets, coupons, rewards cards, and more.”</p> </li> <li>Wallet description—short version: <p>“Wallet is where you store and access all your boarding passes, movie tickets, retail coupons, rewards cards, and more.”</p> </li> <li>Instructions for adding a pass to Wallet if opened on a device other than iPhone or iPod touch: <p>“To add this [pass/ticket/coupon/card] to Wallet, open this [email, web page] on your iPhone or iPod touch.”</p> </li> <li>Instructions for scanning a code—for use on printed materials: <p>“Wallet on Apple Watch, iPhone, and iPod touch is where you store and access all your boarding passes, movie tickets, retail coupons, rewards cards, and more. You can scan this code to have a [insert brand/type of pass here] appear right in Wallet. To scan, just open the Camera app on your iPhone and point it at the code.”</p> </li> </ul> <h3 class="typography-label">Using the name <em>Wallet</em> or <em>Apple Wallet</em></h3> <p>When using the app name <em>Wallet</em> or <em>Apple Wallet</em> in headlines or copy, always typeset <em>Wallet</em> with an uppercase <em>W</em> followed by lowercase letters. Typeset <em>Apple</em> with an uppercase <em>A</em> followed by lowercase letters. <em>Apple Wallet</em> is set as two words.</p> <p>If a headline is typeset all uppercase, the words <em>Apple Wallet</em> within the headline can also be uppercase.</p> <p>You can refer to <em>the Wallet app from Apple</em> or <em>Apple Wallet</em> on the first mention of the app. In subsequent references, just <em>Wallet</em> can be used.</p> <p>In U.S. communications, use the registered trademark symbol (®) the first time <em>Apple</em> appears in body copy.</p> </div> </div> </div> </section> <section class="section section-dads"> <div class="section-content"> <div class="row divider-top"> <div class="column large-12"> <h2 class="typography-callout">Avoid mistakes</h2> </div> </div> <div class="row"> <div class="column large-6 small-12"> <p>Only the Apple-provided badges shown in these guidelines are approved by Apple.</p> <ul class="compound-item-list"> <li>Do not let the Add to Apple Wallet badge dominate your layout as the primary message or main graphic. It must be secondary to your main message and product or company identity.</li> <li>Do not create your own version of the Add to Apple Wallet badge.</li> <li>Do not obstruct the badge with text, graphics, images, or other elements.</li> <li>Do not display a dimmed version of the badge to indicate that it has not been selected.</li> <li>Do not use the Wallet icon alone.</li> <li>Do not flip, rotate, or animate the artwork.</li> <li>Do not add visual effects such as shadows, glows, or reflections to the mark.</li> <li>Do not use graphics or images from Apple’s website.</li> <li>Do not imitate Apple communications.</li> </ul> </div> <div class="column large-6 small-12"> <figure class="just-dont"></figure> </div> </div> </div> </section> <section class="section section-legal"> <div class="section-content"> <div class="row divider-top"> <div class="column large-8 medium-10 small-12"> <h2 class="typography-callout">Legal requirements</h2> <p>The Add to Apple Wallet badge and Wallet messaging cannot be used in any manner that falsely suggests an association with Apple or is likely to reduce, diminish, or damage the goodwill, value, or reputation associated with any Apple product or Apple itself.</p> <h3 class="typography-label">Trademark symbols and credit lines</h3> <p>For communications distributed only in the United States, the appropriate symbol <span class="nowrap">(™, ℠, or ®)</span> must follow each Apple trademark the first time it is mentioned in body copy—for example:</p> <p> Apple Watch®<br /> iPhone®<br /> iPod touch® </p> <p>Refer to the <a href="https://www.apple.com/legal/intellectual-property/trademark/appletmlist.html">Apple Trademark List<span class="loc-en-only"></span></a> for the correct trademark symbol. Do not add a trademark symbol to the Add to Apple Wallet badge artwork provided by Apple.</p> <p>In all regions, include the following credit line wherever legal information is provided on the communication:</p> <p>Apple, <span class="nowrap">Apple Watch,</span> iPhone, and iPod touch are trademarks of <span class="nowrap">Apple Inc.,</span> registered in the U.S. and other countries.</p> <p>List only the trademarks actually used in your communication.</p> <p>For more information about using Apple trademarks, see <a href="https://www.apple.com/legal/intellectual-property/guidelinesfor3rdparties.html">Guidelines for Using Apple Trademarks and Copyrights<span class="loc-j"></span></a>.</p> <p>With Apple’s approval, a translation of the legal notice and credit lines (but not the trademarks) can be used in materials distributed outside the United States.</p> </div> </div> </div> </section> </main> <link rel="stylesheet" href="/assets/styles/footer.dist.css?17182448067"> <footer id="footer" class="footer" role="contentinfo" aria-labelledby="footer-label"> <div class="footer-content"> <h2 class="footer-label" id="footer-label">Developer Footer</h2> <developer-breadcrumbs> <li><a href="/wallet/">Wallet</a></li> <li>Add to Apple Wallet Guidelines</li> </developer-breadcrumbs> <nav class="footer-directory" aria-label="Apple Developer Directory" role="navigation">  <div class="footer-directory-column"> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-platform" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-platform"> <h3 class="footer-directory-column-section-title">Platforms</h3> </label> <a href="#footer-directory-column-section-state-platform" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/ios/">iOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/ipados/">iPadOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/macos/">macOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/tvos/">tvOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/visionos/">visionOS</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/watchos/">watchOS</a></li> </ul> </div> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-tools" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-tools"> <h3 class="footer-directory-column-section-title">Tools</h3> </label> <a href="#footer-directory-column-section-state-tools" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/swift/">Swift</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/swiftui/">SwiftUI</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/swift-playgrounds/">Swift Playgrounds</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/testflight/">TestFlight</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/xcode/">Xcode</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/xcode-cloud/">Xcode Cloud</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/sf-symbols/">SF Symbols</a></li> </ul> </div> </div> <div class="footer-directory-column"> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-topics" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-topics"> <h3 class="footer-directory-column-section-title">Topics & Technologies</h3> </label> <a href="#footer-directory-column-section-state-topics" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/accessibility/">Accessibility</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/accessories/">Accessories</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/app-extensions/">App Extensions</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/app-store/">App Store</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/audio/">Audio & Video</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/augmented-reality/">Augmented Reality</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/design/">Design</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/distribute/">Distribution</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/education/">Education</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/fonts/">Fonts</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/games/">Games</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/health-fitness/">Health & Fitness</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/in-app-purchase/">In-App Purchase</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/localization/">Localization</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/maps/">Maps & Location</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/machine-learning/">Machine Learning</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="https://opensource.apple.com">Open Source</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/security/">Security</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/safari/">Safari & Web</a></li> </ul> </div> </div> <div class="footer-directory-column"> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-resources" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-resources"> <h3 class="footer-directory-column-section-title">Resources</h3> </label> <a href="#footer-directory-column-section-state-resources" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/documentation/">Documentation</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/learn/">Tutorials</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/download/">Downloads</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/forums/">Forums</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/videos/">Videos</a></li> </ul> </div> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-support" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-support"> <h3 class="footer-directory-column-section-title">Support</h3> </label> <a href="#footer-directory-column-section-state-support" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/support/articles/">Support Articles</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/contact/">Contact Us</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/bug-reporting/">Bug Reporting</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/system-status/">System Status</a></li> </ul> </div> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-account" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-account"> <h3 class="footer-directory-column-section-title">Account</h3> </label> <a href="#footer-directory-column-section-state-account" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/account/">Apple Developer</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="https://appstoreconnect.apple.com/">App Store Connect</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/account/ios/certificate/">Certificates, IDs, & Profiles</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="https://feedbackassistant.apple.com/">Feedback Assistant</a></li> </ul> </div> </div> <div class="footer-directory-column"> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-programs" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-programs"> <h3 class="footer-directory-column-section-title">Programs</h3> </label> <a href="#footer-directory-column-section-state-programs" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/">Apple Developer Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/enterprise/">Apple Developer Enterprise Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/app-store/small-business-program/">App Store Small Business Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="https://mfi.apple.com/">MFi Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/news-partner/">News Partner Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/video-partner/">Video Partner Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/security-bounty/">Security Bounty Program</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/programs/security-research-device/">Security Research Device Program</a></li> </ul> </div> <input class="footer-directory-column-section-state" type="checkbox" id="footer-directory-column-section-state-events" /> <div class="footer-directory-column-section"> <label class="footer-directory-column-section-label" for="footer-directory-column-section-state-events"> <h3 class="footer-directory-column-section-title">Events</h3> </label> <a href="#footer-directory-column-section-state-events" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-open"> <span class="footer-directory-column-section-anchor-label">Open Menu</span> </a> <a href="#" class="footer-directory-column-section-anchor footer-directory-column-section-anchor-close"> <span class="footer-directory-column-section-anchor-label">Close Menu</span> </a> <ul class="footer-directory-column-section-list"> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/events/">Meet with Apple</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/events/developer-centers/">Apple Developer Centers</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/app-store/app-store-awards/">App Store Awards</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/design/awards/">Apple Design Awards</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/academies/">Apple Developer Academies</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/entrepreneur-camp/">Entrepreneur Camp</a></li> <li class="footer-directory-column-section-item"><a class="footer-directory-column-section-link" href="/wwdc/">WWDC</a></li> </ul> </div> </div>  </nav> <section class="footer-mini" vocab="http://schema.org/" typeof="Organization"> <div class="footer-mini-news"> <div class="copy"> Get the <a href="https://apps.apple.com/us/app/apple-developer/id640199958">Apple Developer app</a>. </div> <div class="content"> <div class="color-scheme-toggle" role="radiogroup" tabindex="0" aria-label="Select a color scheme preference"> <label data-color-scheme-option="light"> <input type="radio" value="light" autocomplete="off" onchange="window.setPreferredColorScheme(event.target.value)" /> <div class="text">Light</div> </label> <label data-color-scheme-option="dark"> <input type="radio" value="dark" autocomplete="off" onchange="window.setPreferredColorScheme(event.target.value)" /> <div class="text">Dark</div> </label> <label data-color-scheme-option="auto"> <input type="radio" value="auto" autocomplete="off" onchange="window.setPreferredColorScheme(event.target.value)" /> <div class="text">Auto</div> </label> </div> <script async src="/assets/scripts/color-scheme-toggle.js"></script> </div> </div> <link rel="stylesheet" href="/assets/styles/language-dropdown.css?17182448067"> <div class="language-dropdown dropdown-container legacy-form hidden"> <select class="dropdown" aria-label="Language Dropdown"></select> <span class="dropdown-icon icon icon-chevrondown" aria-hidden="true"></span> </div> <script src="/assets/scripts/language-dropdown.js?17182448067"></script> <div class="footer-mini-legal"> <div class="footer-mini-legal-copyright">Copyright © 2024 <a href="https://www.apple.com">Apple Inc.</a> All rights reserved.</div> <div class="footer-mini-legal-links"> <a class="footer-mini-legal-link" href="https://www.apple.com/legal/internet-services/terms/site.html" class="first">Terms of Use</a> <a class="footer-mini-legal-link" href="https://www.apple.com/legal/privacy/">Privacy Policy</a> <a class="footer-mini-legal-link" href="/support/terms/">Agreements and Guidelines</a> </div> </div> </section> </div> </footer> <section id="overlay" class="overlay fade-in hidden"></section> <section id="overlay-content" class="overlay-content fade-in hidden"> <section class="content-scroll"> <p><strong>PLEASE READ THE FOLLOWING APPLE WALLET MARKETING ARTWORK LICENSE AGREEMENT ("WALLET MARKETING AGREEMENT") CAREFULLY BEFORE DOWNLOADING OR USING THE APPLE ARTWORK (AS DEFINED BELOW). THESE TERMS AND CONDITIONS CONSTITUTE A LEGAL AGREEMENT BETWEEN YOU AND APPLE.</strong></p> <p><strong>BY CHECKING THE APPROPRIATE BOX ON THE APPLE DEVELOPER WEBSITE, YOU REPRESENT THAT YOU ARE AN AUTHORIZED REPRESENTATIVE FOR YOUR DEVELOPER ACCOUNT AND THAT YOU HAVE READ AND AGREE TO THE TERMS OF THIS WALLET MARKETING AGREEMENT.</strong></p> <p style="text-align:center; font-weight:bold;">Apple Wallet Marketing Artwork License Agreement</p> <p>Whereas, Apple Inc. ("Apple") and You (collectively, the "Parties") have entered into the Apple Developer Program License Agreement (as amended from time to time, "Program Agreement"); and</p> <p>Whereas, You desire to use certain artwork in connection with marketing Your passes pursuant to the Program Agreement, the Parties agree to enter into this Wallet Marketing Agreement effective as of the date clicked through by You. Except as expressed in writing herein, nothing in this document shall be construed to modify the Program Agreement in any way.</p> <p>1. Subject to the terms of this Wallet Marketing Agreement, Apple grants You a limited, non-exclusive, non-transferable, royalty-free, worldwide license to use the <span class="nowrap">"Add to Apple Wallet"</span> badge and product images provided to You by Apple under this Wallet Marketing Agreement for Apple-branded products (collectively, the "Artwork") only in connection with Your passes developed pursuant to the Program Agreement ("Passes") and only while You are a member of the Apple Developer Program.</p> <p>2. You agree that Your use of the Artwork will be in strict compliance with the Add to Apple Wallet Guidelines available at: developer.apple.com/wallet/, which may be amended from time to time and also with Apple’s Guidelines for Using Apple Trademarks and Copyrights, found at https://www.apple.com/legal/intellectual-property/guidelinesfor3rdparties.html, which may be amended from time to time.</p> <p>3. Apple may use Your name, address, the name of each of Your Passes, and other relevant Pass information in any index of products or developers that work with Apple-branded products running iOS and/or Wallet.</p> <p>4. Apple has no obligation to provide any type of support for the Passes.</p> <p>5. Upon Apple’s request, You shall supply Apple, at no cost and with no obligation to return, suitable specimens of Your use of the Artwork to verify Your compliance with this Wallet Marketing Agreement.</p> <p>6. Apple shall remain the exclusive owner of all rights in the Artwork. Your use of the Artwork shall exclusively inure to the benefit of Apple. You will not do anything to compromise Apple’s rights in and to the Artwork, such as filing any identical or confusingly similar trademark applications anywhere in the world.</p> <p>7. THE ARTWORK IS PROVIDED TO YOU ON AN "AS IS" BASIS AND YOU ARE SOLELY RESPONSIBLE FOR YOUR USE OF THE ARTWORK. APPLE DISCLAIMS ALL WARRANTIES REGARDING THE ARTWORK, INCLUDING WARRANTIES OF NON-INFRINGEMENT. APPLE SHALL NOT BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL OR PUNITIVE DAMAGES ARISING FROM OR RELATED TO YOUR USE OF THE ARTWORK, OR TERMINATION OF THIS WALLET MARKETING AGREEMENT.</p> <p>8. To the extent permitted by applicable law, You agree to indemnify and hold harmless, and upon Apple’s request, defend, Apple, its directors, officers, employees, independent contractors and agents (each an "Apple Indemnified Party") from any and all claims, losses, liabilities, damages, taxes, expenses and costs, including without limitation, attorneys’ fees and court costs, incurred by an Apple Indemnified Party and arising from or related to Your use of the Artwork in any manner except as expressly permitted by this Wallet Marketing Agreement, or for any personal injury, product liability or other claim arising from the production, promotion, distribution, use, sale and/or offer for sale, and/or the performance of the Passes.</p> <p>9. This Wallet Marketing Agreement is valid and coterminous with the Program Agreement, unless otherwise terminated per the provisions below.</p> <p>10. This Wallet Marketing Agreement shall terminate automatically upon Your breach of any of the terms of this Wallet Marketing Agreement or any other marketing agreement You have entered into with Apple. Apple may terminate this Wallet Marketing Agreement at will upon 10 days’ written notice. If Apple terminates this Wallet Marketing Agreement, You may, except in the event that the Artwork is subject of a claim of infringement, deplete existing inventory for a period of 30 days following the notice of termination, provided such inventory is in compliance with the terms of this Wallet Marketing Agreement.</p> <p>11. Any litigation or other dispute resolution between You and Apple arising out of or relating to this Wallet Marketing Agreement will take place in the Northern District of California, and You and Apple hereby consent to the personal jurisdiction of and exclusive venue in the state and federal courts within that District with respect any such litigation or dispute resolution. This Wallet Marketing Agreement will be governed by and construed in accordance with the laws of the United States and the State of California, except that body of California law concerning conflicts of law.</p> <p>(a) Notwithstanding the foregoing, if You are an agency, instrumentality or department of the federal government of the United States, then this Wallet Marketing Agreement shall be governed in accordance with the laws of the United States of America, and in the absence of applicable federal law, the laws of the State of California will apply. Further, and notwithstanding anything to the contrary in this Wallet Marketing Agreement (including but not limited to Section 8), all claims, demands, complaints and disputes will be subject to the Contract Disputes Act (41 U.S.C. §§601-613), the Tucker Act (28 U.S.C. § 1346(a) and § 1491), or the Federal Tort Claims Act (28 U.S.C. §§ 1346(b), 2401-2402, 2671-2672, 2674-2680), as applicable, or other applicable governing authority.</p> <p>(b) If You (as an entity entering into this Wallet Marketing Agreement) are a U.S. public and accredited educational institution, then (a) this Wallet Marketing Agreement will be governed and construed in accordance with the laws of the state (within the U.S.) in which Your educational institution is domiciled, except that body of state law concerning conflicts of law; and (b) any litigation or other dispute resolution between You and Apple arising out of or relating to this Wallet Marketing Agreement will take place in federal court within the Northern District of California, and You and Apple hereby consent to the personal jurisdiction of and exclusive venue of such District unless such consent is expressly prohibited by the laws of the state in which Your educational institution is domiciled; and</p> <p>(c) If You are an international, intergovernmental organization that has been conferred immunity from the jurisdiction of national courts through Your intergovernmental charter or agreement, then any controversy or claim arising out of or relating to this Wallet Marketing Agreement, or the breach thereof, shall be determined by arbitration administered by the International Centre for Dispute Resolution in accordance with its International Arbitration Rules. The place of arbitration shall be London, England; the language shall be English; and the number of arbitrators shall be three. Upon Apple’s request, You agree to provide evidence of Your status as an intergovernmental organization with such privileges and immunities.</p> <p>12. You shall promptly notify Apple in writing of any change in Your physical or electronic address via the App Store Connect tool and/or your account on the developer website.</p> <p>13. The terms of this Wallet Marketing Agreement are the entire and final understanding between You and Apple concerning the Artwork.</p> <p>EA0956</p> <p>10/1/12</p> </section> <section class="agreement"> <section class="form-box"> <label for="agreementCheckbox"> <input type="checkbox" id="agreementCheckbox" value="1"> I have read, understood, and agree to the Wallet Marketing Agreement. </label> </section> <p class="text-center no-margin"><input type="button" class="disagree button close" value="Disagree and Cancel"><input type="submit" id="download" disabled class="download button" value="Agree and Download"></p> </section> </section> </body> </html>