i-Power Engine ワイヤーフレーム

canvas.md（プロダクト設計キャンバス）の決定事項に基づくβ版（2027/3ローンチ）スマホアプリの全画面ワイヤー。 モノクロベース + Energy Yellow + Battery Green の3色制限 / iPhone 15 Pro 想定 / 5タブ構成。 v5.0 = Phase A 4画面（SC-101/102/104/105 ホーム朝/昼/夕/夜）を Production Level に格上げ: ① 家断面アイソメトリックSVG（屋根の太陽光パネルストライプ + 蓄電池スタック + 系統電柱 + フローアニメ矢印 / 朝/昼/夕/夜の空グラデで時間帯表現）/ ② 大型自給率ゲージ SVG（stroke-dasharray + linearGradient による Apple Health 風レンダリング）/ ③ 4列ヒーローインジケータ（参考画像の 🏠 2.4kW / ☀ 100% / 🔋 0% / ⚡ 0% パターン）/ ④ タイポ階層厳格化（H1 28px tracking -0.025em / H2 22px / Body 13-14px / Caption 11px・letter-spacing 統一）/ ⑤ ダーク CTA カード（明日のスケジュール = Linear 風グラデ + ハロー）/ ⑥ シャドウ階層 3 段（elev-1/2/3）+ 角丸 4 段（8/12/16/24px）/ ⑦ 3色制限（モノクロ + #f5b800 太陽光 + #10b981 蓄電池のみ。それ以外不使用）。

Phase B-E（残20画面）は同 v5.0 デザインシステムで順次展開予定。Phase A で池田レビュー → 方向性確定 → 一括展開の運用。Phase A 以外の画面は v3.1 のまま（混在期間あり）。