HUD は戦闘機とヘリコプターのヘッドアップディスプレイの視覚言語です。ほぼ黒のコックピットの下地（#0A0A0A から #1E2328）の上で、燐光グリーン（#00FF41）の文字、目盛り、照準線がレーダーのように光ります。情報は視界の上に層をなして浮かび、密度は極めて高く、すべての数字が意思決定を指し示します。軍事、シミュレーター、セキュリティ、ハードコアなテックテーマのデータ UI に適しています。
HUD Design Systemテーマと特色
プロンプトテンプレート
基本テンプレート
Design a HUD-inspired interface. Colors: #0A0A0A, #111316, #1E2328, #00FF41 with #00FF41 accent.
バリエーションプロンプト
📱 モバイル
Design a mobile app with HUD aesthetics. Use HUD color identity with #00FF41 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with HUD style. Use HUD color identity with #00FF41 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with HUD design language. Use HUD color identity with #00FF41 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with HUD visual identity. Use HUD color identity with #00FF41 accents. Compelling, conversion-focused.
使用例
HUD Design System アプリ
WebBuild a web app with HUD design language and #00FF41 color system.
HUD Design System ダッシュボード
ダッシュボードCreate a dashboard using HUD style with data visualization and modern typography.
✅ 適した用途
- テーマ型のシーン
- 監視とデータの大画面
- 軍事と SF のテーマ
❌ 適さない用途
- 日常生活系アプリ
- 柔らかなライフスタイルブランド
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。