ログイン画面デザイン

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

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

2. デザインを保存

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

3. レイアウトを選択

   2パネル（アニメーション）、スプリットパネル、またはセンターカードを選択します。2パネルレイアウトは、ブランドパネルをフォームの隣に配置し、センターカードはフォームのみを表示するため、ブランドパネルと装飾アイコンの設定は隠されます。

4. ブランドパネル

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

5. フォーム背景

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

6. パネルパターン

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

7. 生体認証サインイン

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

8. 装飾アイコン

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

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

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

10. ライブプレビュー

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