Dashboard はダークトーンなクラウドプラットフォームのコンソール美学です。モジュール式グリッドが指標カード、チャート、ログを一望できる版面に収め、ガラス調パネルが半透明のマテリアルと細いボーダーの間に奥行きを生みます。情報密度は高いものの秩序は明快で、青（#0A4A8A）が操作とデータの強調をアンカリングします。クラウドコンソール、運用パネル、データ分析の管理画面に適しています。
Dashboardプロフェッショナルとエンタープライズ
プロンプトテンプレート
基本テンプレート
Design a Dashboard-inspired interface. Colors: #0A4A8A, #10B981, #F59E0B, #EF4444 with #0A4A8A accent. Typography: #0C5CAB.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Dashboard aesthetics. Use Dashboard color identity with #0A4A8A accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Dashboard style. Use Dashboard color identity with #0A4A8A accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Dashboard design language. Use Dashboard color identity with #0A4A8A accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Dashboard visual identity. Use Dashboard color identity with #0A4A8A accents. Compelling, conversion-focused.
使用例
Dashboard アプリ
WebBuild a web app with Dashboard design language and #0A4A8A color system.
Dashboard ダッシュボード
ダッシュボードCreate a dashboard using Dashboard style with data visualization and #0C5CAB typography.
✅ 適した用途
- エンタープライズ製品
- クラウドサービスのコンソール
- ダークなデータプロダクトの管理画面
❌ 適さない用途
- 紙の質感のエディトリアルサイト
- 子ども向け教育プロダクト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。