Creative は活発でキャラクター主導のデザインスタイルです。ページに personality があり、イラストのキャラクター、誇張されたタイポグラフィ、遊び心のあるモーション言語が、UI に語りかけるような表情を与えます。色は明快でありながらキャラクターとストーリーによって統一され、紫(#8B5CF6)が基調となります。子ども・教育プロダクト、クリエイター向けツール、ブランドのキャンペーンページなど「人間味」が必要なシーンに適しています。
クリエイティブ
プロンプトテンプレート
基本テンプレート
Design a Creative-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Creative aesthetics. Use Creative color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Creative style. Use Creative color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Creative design language. Use Creative color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Creative visual identity. Use Creative color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Creative アプリ
WebBuild a web app with Creative design language and #8B5CF6 color system.
Creative ダッシュボード
ダッシュボードCreate a dashboard using Creative style with data visualization and #3B82F6 typography.
✅ 適した用途
- クリエイティブプロジェクト
- コンテンツコミュニティとブログ
- ブランドストーリーページ
❌ 適さない用途
- 厳格なコンプライアンスと法務ページ
- 精密データの管理画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。