Cosmic は未来的な SF 美学です。暗い宇宙の下地に、紫（#8B5CF6）と青（#3B82F6）のネオンの光暈が星雲のように漂い、UI 要素は発光する縁とグラデーションの軌道をまとい、データと図形が宇宙を運行するかのように見えます。雰囲気は没入的でテクノロジー感が強く、AI プロダクト、ゲーム、データビジュアライゼーション、未来的なテーマのブランド体験に適しています。
Cosmicクリエイティブ
プロンプトテンプレート
基本テンプレート
Design a Cosmic-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Cosmic aesthetics. Use Cosmic color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Cosmic style. Use Cosmic color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Cosmic design language. Use Cosmic color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Cosmic visual identity. Use Cosmic color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Cosmic アプリ
WebBuild a web app with Cosmic design language and #8B5CF6 color system.
Cosmic ダッシュボード
ダッシュボードCreate a dashboard using Cosmic style with data visualization and #3B82F6 typography.
✅ 適した用途
- クリエイティブプロジェクト
- テック系イベントと発表会のページ
- ゲームと娯楽プロダクト
❌ 適さない用途
- 伝統産業の公式サイト
- 日常的なコンシューマー EC
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。