Colorful は鮮やかで高コントラストな活力あるスタイルです。面積の大きい彩度の高い色とグラデーションを並置し、ビジュアルのエネルギーを最大化します。色彩は混乱ではなく意図的にコントラストとして組織され、グラデーションがページに流動感を与え、重要なブロックはぶつかり合う色で際立たせます。クリエイティブプロダクト、イベントページ、「楽しい・若い」という空気を伝えたい UI に適しています。
Colorful大胆な表現
プロンプトテンプレート
基本テンプレート
Design a Colorful-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Colorful aesthetics. Use Colorful color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Colorful style. Use Colorful color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Colorful design language. Use Colorful color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Colorful visual identity. Use Colorful color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Colorful アプリ
WebBuild a web app with Colorful design language and #8B5CF6 color system.
Colorful ダッシュボード
ダッシュボードCreate a dashboard using Colorful style with data visualization and #3B82F6 typography.
✅ 適した用途
- 強い表現が求められるシーン
- クリエイティブと娯楽プロダクト
- 活気あるブランドマーケティングページ
❌ 適さない用途
- 厳粛な医療・金融ページ
- ミニマルな白黒の技術ドキュメント
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。