Shopify wants to provide Shopify app developers with the tools that they need to promote and grow their business on the Shopify App Store. To help you showcase your presence on the Shopify App Store in your marketing materials, we've created the following Shopify brand assets and guidelines for you to use in any digital display ads and digital properties (such as a website or email). Before downloading and using the Shopify brand assets, make sure that you read and fully understand the usage guidelines below. ## Shopify App Store Ad Badge Below are the two official badge assets for using the Shopify brand when you market your Shopify app: <figure class="figure"> <img src="/assets/api/getting-your-app-approved/shopify-app-badges.png" alt="Both badges show the Shopify logo and the text 'Find it on the Shopify App Store'. The preferred badge shows a white logo and text on a black background. The alternative badge shows a black logo and text on a white background." /> <figcaption>Left image: The preferred Shopify App Store badge. Right image: The alternative Shopify App Store badge.</figcaption> </figure> <p><a href="/zip/shopify-app-store-badges.zip" class="marketing-button marketing-button--small" download>Download the badge assets</a></p> ## Using the Shopify App Store Ad Badge Having all partners use a standardized ad badge helps to create consistency across the Shopify ecosystem, and helps to build merchant awareness and trust in the Shopify App Store. To keep this consistency, the asset shouldn't be altered in any way. ### Prohibited alterations To keep consistency in how the Shopify App Store Ad Badge is used, you must never make any of the following alterations: * Crop any part of the badge * Stretch or squash the badge * Rotate or tilt the badge * Modify the colors * Add a gradient or shadow * Animate the badge * Accessorize the badge or layer other images over the top of it * Add a border or treatment around the badge * Layer the badge over another logo or branded image <div class="grid-container grid-container--thirds"> <div class="block grid-item grid-4 grid-item--fluid__third"> <figure class="figure"> <img src="/assets/api/listing-in-the-app-store/dont-remove-button-parts.png" width="488" height="227"> <figcaption>Don't alter or remove parts of the badge</figcaption> </figure> </div> <div class="block grid-item grid-4 grid-item--fluid__third"> <figure class="figure"> <img src="/assets/api/listing-in-the-app-store/dont-squash-or-stretch.png" width="488" height="227"> <figcaption>Don't stretch or squash</figcaption> </figure> </div> <div class="block grid-item grid-4 grid-item--fluid__third"> <figure class="figure"> <img src="/assets/api/listing-in-the-app-store/dont-rotate-or-tilt.png" width="488" height="227"> <figcaption>Don't rotate or tilt</figcaption> </figure> </div> <div class="block grid-item grid-4 grid-item--fluid__third"> <figure class="figure"> <img src="/assets/api/listing-in-the-app-store/dont-use-busy-backgrounds.png" width="488" height="227"> <figcaption>Don't use busy backgrounds</figcaption> </figure> </div> <div class="block grid-item grid-4 grid-item--fluid__third"> <figure class="figure"> <img src="/assets/api/listing-in-the-app-store/dont-add-gradients-or-shadows.png" width="488" height="227"> <figcaption>Don't add gradients or shadows</figcaption> </figure> </div> <div class="block grid-item grid-4 grid-item--fluid__third"> <figure class="figure"> <img src="/assets/api/listing-in-the-app-store/dont-change-colors.png" width="488" height="227"> <figcaption>Don't change colors</figcaption> </figure> </div> </div> ### Minimum size and spacing The badge looks best when it's big enough to read and has room to breathe. The badge shouldn't be smaller than 30 px in height. It should have a minimum clear space around it equal to half the height of the badge. Don't place any typography, imagery, or other graphical images inside the clear space. <figure class="figure"> <img src="/assets/api/getting-your-app-approved/size-and-spacing.png" alt="The badge has empty space outlined around it, equal to half the height of the badge itself." /> <figcaption>Correct badge spacing</figcaption> </figure> ## Usage guidelines The use of the Shopify App Store Ad Badge (the "Badge") is subject to our [Trademark Usage Guidelines](https://www.shopify.com/press/brand). Use of the Badge must be explicitly authorized by Shopify in writing. For Developers who are part of the Shopify Partner Program, this authorization is provided in Part A, Section 5.2 of the [Shopify Partner Program Agreement](https://www.shopify.ca/partners/terms#part-a). Where used on a web page, the Badge should include embedded hyperlinks to your app listing page on the Shopify App Store.