Payment Button Size and Anatomy

支払いボタンは、ショッパーエクスペリエンス内の他のボタンと視覚的に統一されていなければなりません。

支払いボタンの高さは40px（小）から55px（大）の範囲です。デフォルトのボタンの高さは48pxです。ボタンの高さには以下のプリセットを使用できます。

Anatomy

支払いボタンは、ボタンコンポーネント、支払いロゴ、およびオプションのラベルの最大3つの要素で構成されます。

決済ボタンの解剖図](/img/doc_images/Anatomy-updated.png)

ボタンの表面積の外側にテキストを配置しないでください。

カートレイアウト2](/img/doc_images/カートレイアウト-2.png)

ラベルとペイメントロゴの間の間隔は、ボタンのサイズに基づいて調整されます。

レイアウトとスペーシング 0.png](/img/doc_images/Layout-and-spacing-Updated.png)

ボタンの高さは、テーマのニーズに応じて調整することができます。

レイアウトとスペーシング](/img/doc_images/Layout-and-spacing-1-updated.png)

決済ボタンは、CTAの「カートに入れる」や「チェックアウトに進む」を含め、他の決済ボタンと同じサイズにし、大きくも小さくもしない。

すべての支払いボタンに同じ幅のサイズを使用してください。他の支払いボタンよりも幅を大きくしたり小さくしたりしないでください。

ボタン幅.png

ボタンは読みやすさを確保するため、最小幅を設定しています。

レイアウトとスペーシング-2.png](/img/doc_images/レイアウトとスペーシング-2-Updated.png)

各決済ボタンのサイズの最小幅に従うこと。支払いボタンを1行にまとめないでください。

最小幅.png](/img/doc_images/最小幅.png)

すべての支払いボタンに同じコーナー半径を使用してください。コーナー半径を他の支払いボタンより大きくしたり小さくしたりしないでください。

コーナー半径.png](/img/doc_images/Corner-radius.png)

加盟店のニーズと支払い体験に対応するために、さまざまなボタンを提供する。

ボタン・ラベルは大文字と小文字を区別し、最初の文字だけを大文字にします。