ログイン画面デザイン

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

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

2. デザインを保存

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

3. レイアウトを選択

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

4. ブランドパネル

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

5. フォームの背景

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

6. パネルパターン

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

7. 生体認証サインイン

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

8. 装飾アイコン

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

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

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

10. ライブプレビュー

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