デザインモック

awesome-design-md 調査に基づく、MTG DeckForge 全6画面のデザインモック。

デザインベース

画面	メイン参考	サブ参考
カード検索	Linear	Supabase
デッキビルダー	Supabase	Linear
価格比較	Stripe	Linear
デッキ一覧	Spotify	Linear
メタゲーム	Linear	Stripe
デッキ回し	Sentry	Spotify

デザイン方針

• ダークモードネイティブ - 暗闇から設計、コンテンツが光として浮かぶ
• MTG 5色統合 - White/Blue/Black/Red/Green をUI要素として機能的に使用
• パフォーマンス最優先 - 影よりボーダー階層、SVGアイコン、CSS-only効果
• コンテンツファースト - MTGカード画像が色を提供、UIは無彩色に徹する