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