デザインガイドライン
決済方法を選択する際、エクソーラのロゴとボタンが正しく表示されるよう、以下のガイドラインに従ってください。
エクソーラロゴ
使用事例
有色のロゴ
白黒のロゴ（ブラック）
白黒のロゴ（ホワイト）
制限
以下の操作は行えません：ロゴを伸ばします。
古いまたは非公式のエクソーラロゴを使用します。
ロゴの色を変更すること — 下表に示す公式カラーを使用します。
有色の背景にロゴを表示すること - 代わりに白い背景を使用してください。
色
決済UIのテーマによって、エクソーラのロゴは以下の色になります：| テーマ | ロゴカラー | ロゴ |
|---|---|---|
| ライト（有色のロゴ） | マゼンタ：
|  |
| ライト（白黒のロゴ） | ブラック：
|  |
| ダーク（白黒のロゴ） | ホワイト：
|  |
ボタン
ニーズに応じた決済方法のリスト表示を実装できます。一貫性を維持するために、ユーザーをエクソーラの決済UIにリダイレクトするボタンのデザインについては、以下のガイドラインに従ってください。
有色のロゴ
白黒のロゴ（ブラック）
白黒のロゴ（ホワイト）
比例
ボタンにテキストを表示する際のガイドライン：- 垂直方向と水平方向の中央揃え
- ボタンの高さ40%
コーナー半径
ボタンコーナー半径を調整できます。
影
ボタンに影を追加できます。
決済方法リストに表示する例
この記事は役に立ちましたか？
ご意見ありがとうございました！
あなたのメッセージを確認し、体験を向上させるために利用させていただきます。誤字脱字などのテキストエラーを見つけましたか？ テキストを選択し、Ctrl+Enterを押します。
