ログイン 仕様書

概要

メールアドレスとパスワードでログインするフロー。パスワードリセット機能を含む。

画面一覧

1. ログイン（LoginForm）

• 目的: ユーザー認証
• 要素:
  • ログインアイコン
  • メールアドレス入力フィールド
  • パスワード入力フィールド（表示/非表示トグル付き）
  • 「パスワードを忘れた？」リンク → パスワードリセットへ遷移
  • 「ログイン」ボタン
  • 区切り線（「または」）
  • 「Googleでログイン」ボタン
  • 新規登録リンク

2. パスワードリセット（PasswordReset）

• 目的: パスワードリセットメールの送信
• 要素:
  • 鍵アイコン
  • 説明テキスト
  • メールアドレス入力フィールド
  • 「戻る」ボタン / 「リセットメールを送信」ボタン

3. リセット完了（ResetComplete）

• 目的: リセットメール送信完了の通知
• 要素:
  • メール送信アイコン
  • 完了メッセージ
  • 「ログインに戻る」ボタン
  • 迷惑メールフォルダ確認の案内

画面遷移

パターン軸