認証・オンボーディング画面カタログ 2026-08
nanco-next の認証〜オンボーディング一帯 12 画面の現状スナップショット。リデザインの振り返りと、埋め込み素材（実画面スクショ / 動画）の差し替え管理に使う。
TL;DR
12 画面のうち5 画面が旧素材のまま（旧UIモック入りイラスト 816KB 等）。新デザイン済み 5 画面も共通の実画面 webp がサイドバー刷新前の撮影で差し替え待ち。原典は nanco-knowledge/design-exploration/auth-onboarding-screens.md。
SoT はどこか
画面ごとの実装ファイル・到達手順・撮影トリックは nanco-knowledge/design-exploration/auth-onboarding-screens.md が原典。スクショの原本は nanco-knowledge/assets/web-screens/auth-onboarding/2026-08-07/。このページは閲覧用スナップショットで、更新は原典を直してから再生成する。
差し替え待ちアセット
| アセット | 使用画面 | 何を・なぜ差し替えるか |
|---|---|---|
auth/brand/app-folder-screen.webp (42KB) |
#1 #2 #4 #6 #7（AuthBrandPanel） | 2026-07 撮影でサイドバー刷新前の画面。HP モック更新後に撮り直して差し替える |
auth/register_illust.png (816KB) |
#5 #8（AuthWelcomePanel） | 旧UIモック入りイラスト。リデザインで撤去予定 |
auth/WorkspaceSetupPageIllust.png (236KB) ＋ Bg.png |
#10 #11（OnboardingShell）#12 | 旧人物イラスト＋波背景。リデザインで撤去予定 |
| AI取込デモ動画（未配置） | #9 の拡張（ウィザードv4 preview branch） | HP 素材を public/videos/ に自己ホストする計画。動画完成後に配置 |
auth/verify_illust.png / intro.png |
参照ゼロ（未使用） | 削除候補 |
リデザイン対象（旧モック・旧イラスト）
AuthBrandPanel 刷新（2026-08-04）から取り残されている画面。左パネル/イラストが旧世代のまま。
#8 ワークスペース選択 旧モック
/workspace/select左半分が AuthWelcomePanel（緑全面＋旧UIモック入りイラスト 816KB）。右のWS一覧は独立スクロール。
#5 招待経由アカウント作成 旧モック
/auth/invite/createAuth?email=…&shortId=…&tokenId=…#8 と同じ AuthWelcomePanel。招待メールのリンクから未登録者が着地してパスワードを設定する。
#10 ユーザー名・WS名設定 旧イラスト
/workspace/{shortId}/create/setupName?step=0,1OnboardingShell（人物イラスト＋波背景）。「1 / 2」フッターが白文字で背景画像前提の色になっている点に注意。
オンボーディングウィザード
#9 WS作成前ウィザード 別系統
/onboarding（所属WS 0 のとき）NANCO-1868 の作成前ページ（v5 パレット独自UI＋スケルトンプレビュー）。右パネルに AI取込デモ動画を載せる拡張が preview branch にある。
AuthBrandPanel 系（webp 差し替え待ち）
2026-08-04 刷新済み。ただし共通の実画面 webp がサイドバー刷新前の撮影のため、素材の撮り直しで一括更新できる。
パスワード再設定
#3 パスワード再設定 パネルなし
/auth/reset-password/request ・ /verify独自のセンタリング Card。ブランドパネルを持たない。
