Application は企業アプリ向けのコックピット型 UI スタイルです。紫（#A855F7）をメインのアクセントカラーとしてデータとアプリの状態を統括し、トップナビゲーションバーがグローバル操作を担い、カード型レイアウトが機能とデータをブロック単位で整理します。緑・アンバー・赤が成功・警告・エラーのセマンティックカラーを構成。全体として冷静で構造的であり、情報の到達性と操作効率を重視します。SaaS の管理画面、管理パネル、ツール系アプリに適しています。
Applicationプロフェッショナルとエンタープライズ
プロンプトテンプレート
基本テンプレート
Design a Application-inspired interface. Colors: #A855F7, #10B981, #F59E0B, #EF4444 with #A855F7 accent. Typography: #9333EA.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Application aesthetics. Use Application color identity with #A855F7 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Application style. Use Application color identity with #A855F7 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Application design language. Use Application color identity with #A855F7 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Application visual identity. Use Application color identity with #A855F7 accents. Compelling, conversion-focused.
使用例
Application アプリ
WebBuild a web app with Application design language and #A855F7 color system.
Application ダッシュボード
ダッシュボードCreate a dashboard using Application style with data visualization and #9333EA typography.
✅ 適した用途
- エンタープライズ製品
- SaaS のワークスペースと設定画面
- 汎用アプリの管理画面
❌ 適さない用途
- ブランド色の強いセール企画ページ
- コンテンツ閲覧が中心の長文サイト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。