ログイン画面デザイン

1. ログイン画面デザイン

   顧客が見るログイン、登録、パスワード画面のスタイルを設定します: レイアウト、ブランドパネル、背景、テキスト、プロモカード。ライブプレビューでは、設定したソーシャルログインボタンも表示されます。このツアーでは各セクションを説明します。

2. デザインを保存

   変更はプレビューに即座に表示されますが、実際のログイン、登録、パスワード画面は保存をクリックした後にのみ変更されます。

3. レイアウトを選択

   二重パネル（アニメーション）、分割パネル、または中央カードを選択します。二重パネルレイアウトは、ブランドパネルをフォームの隣に配置し、中央カードはフォームのみを表示するため、ブランドパネルと装飾アイコンの設定は隠れます。

4. ブランドパネル

   パネルの位置と背景を設定します：ブランドカラー、グラデーション、またはアップロードした画像（PNG、JPG、またはWebP）。見出しとタグラインは各言語に翻訳でき、それぞれのテキスト設定でスタイルを適用できます。

5. フォームの背景

   サインインフォームの背後の背景を選択します：プレーン、ミュート、または明るいブランドの色合い。

6. パネルパターン

   ログインパネルに装飾的なテクスチャを追加します。選択したパターンを再度クリックするか、「なし」を選択して削除します。

7. 生体認証サインイン

   顧客がパスワードの代わりにFace ID、指紋、またはデバイスPINでサインインできるようにします。オフの状態では、パスキーのボタンはログイン画面に表示されず、既に登録されているデバイスは削除されません。

8. 装飾アイコン

   ブランドパネルに小さなアイコンを表示し、最大4つまで選択します。このセクションは2パネルレイアウトの場合のみ表示されます。

9. クロスセルおよびキャンペーンカード

   ログインおよび登録パネルに、バンドルやキャンペーンを促進するための最大4枚のカードを追加します。各カードにはタイトル、バッジ、短い説明、ボタンテキスト、リンクがあります。タイトルとテキストは各言語に翻訳できます。

10. ライブプレビュー

    ソーシャルログインボタンを含む、変更に従ったログイン画面のモックです。デスクトップとモバイルの間で切り替えるか、新しいタブでログインページを開いて保存されたライブページを確認します。