Shop Payのロゴを使用する際のガイドライン

Shop Payのロゴを使用すると、Shop Payの商標利用ガイドラインに同意し、このガイドラインに違反した場合Shop Payのブランドアセットを使用するためのライセンスまたは使用許可が終了することを理解したことになります。Shop Payのロゴを適正に使用するためのShopifyガイドラインに準拠していることを確認してください。

Shop Payのすべてのロゴを、Zipファイル形式 (.eps、.jpg、.png、.svgを含む) でダウンロードすることができます。Shop Payのロゴは、可能な限りフルカラーで表示してください。

Shop Payのすべてのロゴをダウンロードする

Shop Payの分割払いのブランドアートワークの使用に関するガイダンスについては、「Shop Payの分割払いアートワークを使用」を参照してください。

ショッピングバッグや斜体のShopifyワードマークなど、Shopifyブランドを使用する際のガイダンスについては、「Shopifyブランドの使用」を参照してください。

Shop Payのプライマリロゴ

Shop Payのプライマリロゴは、可能な限りフルカラーで表示してください。Shop Payのロゴはモノトーンでもご利用いただけます。

Shop Payのプライマリロゴ

Shop Payのプライマリロゴをダウンロードする

モノトーンのロゴ

フルカラーのロゴを使用できない場合は、最もコントラストの高いモノトーンオプションを使用します。

以下のような状況では、モノトーンのロゴを使用します。

  • 単色印刷が必要な場合
  • 正確なカラー表現ができない場合
  • コントラストがはっきりしない背景を使用する場合
  • 複雑な背景またはパターン化された背景を使用する場合

Shop Payのモノトーンのロゴ

Shop Payのモノトーンのロゴをダウンロードする

Shop Payのロゴ周囲のクリアスペース

Shop Payのロゴを使用する場合、ロゴの周囲に「X」のクリアスペースまたは余白を確保し、どのような構図でも視覚的に最大限のインパクトを与えられるようにします。

「X」はロゴの高さを指します。

Shop Payの最小サイズのロゴ例

Shop Payのロゴの最小サイズ

Shop Payのロゴの視覚的インパクトを維持するため、105 x 25ピクセル以下のサイズにしないでください。

Shop Payの最小サイズのロゴ例

活用方法

オンラインストアでShop Payのロゴを使用する際、以下の表のおすすめを検討してください。

フルカラーのロゴの例。
可能な限りフルカラーのロゴを使用します。
黒色のロゴの例。
フルカラーバージョンの代わりに黒一色のロゴを使用します。
白色のロゴの例。
異なる色の背景、画像、パターンに対するコントラストを持たせるため、フルカラーバージョンの代わりに白一色のロゴを使用します。
白いロゴの例。
ロゴを別の画像の上に配置する場合、白一色のロゴを使用します。コントラストをはっきりさせるために、黒いレイヤーの上に白いロゴを追加します。

以下に、Shop Payのロゴを使用する際に避けるべき事柄の例を挙げます。

異なる色のロゴの例。
ロゴの色を変更しないでください。
バリエーションは、フルカラー、黒一色、白一色のみ使用可能です。
比率を変更したロゴの例。
ロゴの比率は一切変更しないでください。
画像の上に配置したロゴの例。
画像の上にフルカラーのロゴを配置しないでください。
代わりに、モノトーンのロゴを使用して、最もコントラストが高くなるようにします。
明るい背景上の白いロゴの例。
淡い色の上に白いロゴを配置しないでください。
ドロップシャドウ効果のあるロゴの例。
ドロップシャドウ、アウトライン、ぼかしなど、ロゴに変更や効果を加えないでください。
Shopの紫、黒、白以外の色に配置されたロゴの例。
Shopの紫 (16進数 #5A31F4)、黒、または白以外の色に、ロゴを配置しないでください。

ウェブアクセシビリティのデザインについて詳しくはこちらをご覧ください。

決済ボタンの追加

Shop Payを使用している場合、[Shop Pay] チェックアウトボタン、または [Shop Payで購入] ボタンを使用できます。

[Shop Pay] チェックアウトボタン

[Shop Pay] チェックアウトボタンは、専用のエクスプレスチェックアウトセクションに表示されます。このボタンを活用するためには、カートページやチェックアウトページの他のエクスプレス決済オプションに組み込むことができます。

[Shop Pay] チェックアウトボタン

[Shop Payで購入] ボタン

[Shop Payで購入] ボタンは、ページ上にあまり多くの背景情報がなくても、単体で活用できます。ページ上に「で購入」という言葉が含まれているので、お客様はこのボタンをクリックすると次にどうなるかがわかります。このボタンは商品ページでよく使用されます。お客様がボタンを押すと商品をカートに入れ、Shop Payページに直接移動します。

[Shop Payで購入] ボタン

決済ボタンのサイズ寸法

決済ボタンを使用する場合、以下のサイズ寸法を考慮に入れてください。

  • 決済ボタンを使用する場合、ロゴのサイズを変更することはできません。
  • ボタンの高さは50ピクセルに固定されていますが、幅は変更可能なので、必要に応じて調整できます。
  • 最小幅は220ピクセルです。

モノトーンの決済ボタン

フルカラーの決済ボタンの使用を希望しない場合、あなたのブランドのチェックアウトエクスペリエンスに沿ったモノトーンオプションを使用できます。

Shop Payのすべての決済ボタンをダウンロードする

商標使用のガイドライン

本ガイドラインでは、Shop Payブランドアセットをどのように使用し、視覚的に表現しなければならないかを説明しています。Shop Payブランドアセットを使用することは、本ガイドラインに同意し、本ガイドラインに違反してこれらのブランドアセットを使用した場合、あなたのライセンスが自動的に解約されるおよび/またはライセンスの使用許可が自動的に終了されることを理解していることを意味します。

  • これらのブランドアセットは、本ページに記載されているガイドラインに従って使用しなければならず、書面で明示的に承認されない限り、Shop Payを有効にしているShopifyマーチャントのストアを宣伝する目的のみで使用できます。
  • あなたがこれらのブランドアセットを使用する際には、当社があなたの会社または商品やサービスのスポンサーである、それらと提携している、それらを推奨している、といった誤解を消費者に与えるようなことがあってはなりません。
  • 「Shop Pay」やShop Payのロゴを含むブランドアセットは、Shopifyの排他的財産であり、それらのブランドアセットを使用した結果得られる営業上の信頼はすべて、Shopifyの利益に寄与するものでなければならず、利用者はそれらのブランドアセットに対するShopifyの所有権と対立するような行動を取らないものとします。ウェブページ上で使用される場合は、これらのブランドアセットには、Shopifyのホームページ (www.shopify.com) への埋め込み式ハイパーリンクを含める必要があります。
  • ブランドアセットは、規定に沿って使用する必要があります。当社の商品またはサービスに損害を与える方法、または当社の評判や商標、当社が所有するその他のブランドアセットの信用を低下させたり、その他の方法で損害を与えたりすると当社がみなす方法で使用することは禁じられています。つまり、ブランドアセットを不正または違法な行為と関連付け、虚偽的、または有害な方法で使用してはなりません。

Shopifyで販売を開始する準備はできていますか?

無料体験を試す