Storytelling はナラティブ駆動のデザインです。ビジュアルとコピーは同じ書き手によるかのように調和し、スクロールは章立てとして構成され、図、文、余白が交代で物語を前へ進めます。色彩は情緒に奉仕し（紫 #8B5CF6 が手がかりの色）、密度よりもリズムが重要です。ブランドストーリーページ、プロダクトローンチ、「流し読み」ではなく「読み切る」ことが求められる長尺ページに適しています。
Storytellingクリエイティブ
プロンプトテンプレート
基本テンプレート
Design a Storytelling-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Storytelling aesthetics. Use Storytelling color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Storytelling style. Use Storytelling color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Storytelling design language. Use Storytelling color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Storytelling visual identity. Use Storytelling color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Storytelling アプリ
WebBuild a web app with Storytelling design language and #8B5CF6 color system.
Storytelling ダッシュボード
ダッシュボードCreate a dashboard using Storytelling style with data visualization and #3B82F6 typography.
✅ 適した用途
- クリエイティブプロジェクト
- ブランドナラティブの長尺ページ
- コンテンツマーケティングの特集
❌ 適さない用途
- 実用ツールの UI
- コンパクトな管理画面システム
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。