「Buy with Shop」の使用ガイドライン

「Buy with Shop」アセットを使用することにより、Shop Trademark Usage Guidelinesに同意したとみなされます。このガイドラインに違反した場合、ライセンスは終了となり、「Buy with Shop」アセットを使用する許可は無効になります。「Buy with Shop」を正しく使用するために、Shopifyのガイドラインを必ず遵守してください。

.eps、.jpg、.png、.svgを含むzipファイルですべての「Buy with Shop」アセットをダウンロードできます。可能な限り、「Buy with Shop」ボタンはフルカラーで表示してください。

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

The Shopping Bagやイタリック体のShopifyワードマークなど、Shopifyブランドの使用に関するガイダンスについては、Shopifyブランドの使用を参照してください。

可能な限り、「Buy with Shop」のロックアップはフルカラーで表示してください。

「Buy with Shop」のロックアップ

「Buy with Shop」のロックアップをダウンロード

モノトーンのロックアップは、以下の場合にのみ使用してください。

  • 単色印刷が必要な場合
  • 正確な色を表現できない場合
  • コントラストの低い背景を使用する場合
  • 背景が複雑な場合や柄がある場合

モノトーンの「Buy with Shop」ロックアップ

モノトーンの「Buy with Shop」ロックアップをダウンロード

余白

どのような構成でも視覚的なインパクトを最大限に高めるため、「Buy with Shop」のロックアップの周囲には、常に「X」の余白を確保してください。

「X」はロックアップの高さを示します。

「Buy with Shop」の余白の例

最小サイズ

「Buy with Shop」ロックアップの視覚的な完全性を維持するため、131 x 25 ピクセル (px) 未満に縮小しないでください。

「Buy with Shop」の最小サイズの例

ベストプラクティス

オンラインストアで「Buy with Shop」のアセットを使用する際の推奨事項は、以下のとおりです。

フルカラーのロックアップの例。
可能な場合はフルカラーを使用してください。
黒のロックアップの例。
フルカラーバージョンの代わりに、すべて黒のバージョンを使用してください。
白のロックアップの例。
フルカラーバージョンの代替として、また、さまざまな色の背景、画像、パターンでコントラストを維持するために、すべて白のバージョンを使用してください。
白のロックアップの例。
別の画像の上に配置する場合は、すべて白のバージョンを使用してください。黒のレイヤーを使用すると、強いコントラストが確保できます。

「Buy with Shop」を使用する際に避けるべき例は、以下のとおりです。

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

ウェブアクセシビリティのためのデザインについて、詳しくはこちら。

決済ボタンを追加する

Shop Payを使用している場合、「Buy with Shop」チェックアウトボタンを使用できます。

「Buy with Shop」チェックアウトボタン

「Buy with Shop」チェックアウトボタンは、エクスプレスチェックアウト専用のセクションにあります。このボタンは、カートページやチェックアウトで他のエクスプレス決済オプションとともに表示されることがよくあります。

「Shop で購入」チェックアウトボタン

すべての「Buy with Shop」決済ボタンをダウンロード

商標の使用に関するガイドライン

このガイドラインでは、「Buy with Shop」アセットの使用方法と視覚的な表示方法について説明します。「Buy with Shop」アセットを使用すると、このガイドラインに同意し、ガイドラインに違反してアセットを使用した場合、アセットを使用するライセンスや許可が自動的に終了することを理解したものとみなされます。

  • 書面で明示的に許可されている場合を除き、これらのアセットは、このページに記載されているガイドラインに従い、Shop Pay を有効にしている Shopifyマーチャントのストアを宣伝する目的でのみ使用できます。
  • これらのアセットの使用によって、Shopifyが貴社または貴社の商品やサービスを後援、提携、または推奨しているかのように、消費者に誤解を与えてはなりません。
  • 「Buy with Shop」のロックアップやボタンを含むこれらのアセットは、Shopifyの独占的財産です。これらのアセットの使用から生じるすべての信用はもっぱら私たちの利益に帰属し、私たちの所有権に反するいかなる行動も取らないものとします。ウェブページでこれらのアセットを使用する際は、私たちのホームページ www.shopify.com への埋め込み式ハイパーリンクを含める必要があります。
  • これらのアセットは、敬意をもって使用する必要があります。Shopify、私たちの商品、またはサービスに害を及ぼす方法や、私たちの見解において、私たちの評判や、私たちが所有する商標その他のアセットにおける信用を低下させたり損なったりするような方法で使用することはできません。言い換えれば、私たちのアセットを不法行為や違法行為に関連付けたり、欺瞞的または有害な方法で使用したりしないでください。