Guidelines for using the Shop Pay logo

When you use Shop Pay logos, then you agree to Shop Pay Trademark Usage Guidelines, and understand that violating these guidelines will result in the termination of your license, or permission to use Shop Pay brand assets. Make sure that you follow the Shopify guidelines for using the Shop Pay logos correctly.

You can download all Shop Pay logos as a zip file that includes .eps, .jpg, .png, and .svg. Whenever possible, display the Shop Pay logo in full color.

Download all Shop Pay logos

For guidance on using Shop Pay Installments brand artwork, refer to using Shop Pay Installments artwork.

For guidance on using the Shopify brand, including The Shopping Bag and the italicized Shopify wordmark, refer to using our brand.

Whenever possible, display the Shop Pay primary logo in full color. The Shop Pay logo is also available in monotone colors.

Shop Pay primary logo

Download Shop Pay primary logo

Monotone logos

When you can't use the full color logo, use the monotone option that provides the most contrast.

Use the monotone logo in the following circumstances:

  • when you require single color printing
  • when you can't get accurate color representation
  • when you use a background with low contrast
  • when you use a busy or patterned background

Shop Pay monotone logo

Download Shop Pay monotone logos

When you use Shop Pay logos, always keep a clear space or padding of 'X' around the logo to maximize its visual impact in every composition.

'X' refers to the height of the logo.

Shop Pay minimum size logo example

To maintain the visual integrity of the Shop Pay logo, don't scale it below 105 x 25 pixels (px).

Shop Pay minimum size logo example

Best practices

When you use the Shop Pay logo in your online store, consider the recommendations in the following table.

Example of logo in full color.
Use the logo in full color when possible.
Example of logo in black.
Use the logo in all black as an alternative to the full color version.
Example of logo in white.
Use the logo in all white as an alternative to the full color version and to preserve contrast on different colored backgrounds, imagery, or patterns.
Example of logo in all white.
Use the logo in all white when it's placed on top of another image. To provide a strong contrast, add the white logo on top of a black layer.

Here are some examples of what you should avoid when using the Shop Pay logo.

Example of logo in different color.
Don't change the color of the logo.
The only variations accepted are full color, all black, or all white.
Example of logo that's had it's proportions altered.
Don't change the proportions of the logo in any way.
Example of logo placed on top of imagery.
Don't place a full color logo on top of imagery.
Instead, use a monotone logo to provide the most contrast.
Example of white logo on light background.
Don't place the white logo on top of light colors.
Example of logo with dropshadow effect.
Don't alter or apply any effects to the logo, such as dropshadow, outline, or blur.
Example of logo placed on a color other than Shop purple, black, or white.
Don't place the logo on any color other than Shop purple (Hex# 5A31F4), black, or white.

Learn more about designing for web accessibility.

Add payment buttons

If you're using Shop Pay, then you can use the Shop Pay checkout button or the Buy with Shop Pay button.

Shop Pay checkout button

The Shop Pay checkout button is located in dedicated express checkout sections. The button is often used when it's bundled with other express payment options on cart pages or on checkout.

Shop Pay checkout button

Buy with Shop Pay button

The Buy with Shop Pay button is used when it’s isolated and lacks further context on the page. The inclusion of the words Buy with let your customers know what happens when they click the button. This button is often used on product pages where it creates a cart and sends the customer directly to Shop Pay.

Buy with Shop Pay button

Size dimensions for payment buttons

When you use payment buttons, consider the following size dimensions:

  • The size of the logo can't be altered in any way when using payment buttons.
  • The button has a fixed height of 50 pixels and a flexible width, which you can adjust to fit your requirements.
  • There is a minimum width of 220 pixels.

Monotone payment buttons

If you don't want to use the full color payment button, then you can use the monotone option that aligns with your branded checkout experience.

Download all Shop Pay payment buttons

Trademark usage guidelines

These guidelines explain how you must use and visually present the Shop Pay brand assets. Use of the Shop Pay brand assets indicates your acceptance of these guidelines and that you understand that your use of these brand assets in violation of these guidelines will result in automatic termination of your license and/or permission to use them.

  • You may only use these brand assets following the guidelines set out on this page and only for the purpose of promoting the store of a Shopify merchant that has enabled Shop Pay, unless otherwise expressly authorized in writing.
  • Your use of these brand assets must not mislead consumers as to our sponsorship of, affiliation with or endorsement of your company or your products or services.
  • The brand assets, including “Shop Pay” and the Shop Pay logo, are our exclusive property, and all goodwill that results from your use of any of those brand assets will be solely to our benefit and you will not take any action that is at odds with our ownership of those brand assets. Where used on a web page these brand assets should include embedded hyperlinks to our homepage: www.shopify.com.
  • Our brand assets must be used in a respectful manner. They may not be used in a way that harms us, our products or services, or in a manner which, in our opinion, lessens or otherwise damages our reputation or the goodwill in our trademarks or any other brand assets we own. In other words, don't associate our brand assets with any illicit or illegal activities or use them in a way that is deceptive or harmful.

Ready to start selling with Shopify?

Try it free