Dramatic は高コントラストのドラマチックな緊張感を追求します。面積の大きい暗色と明色がせめぎ合い、ローズレッド（#F43F5E）と紫（#8B5CF6）が舞台照明のように視線を集めます。大きな画像、大きな文字、強いシャドウが、スクロールのたびを一幕の上演に変えます。映画、音楽、ゲーム、発表会など没入型のナラティブシーンに適しています。
Dramatic大胆な表現
プロンプトテンプレート
基本テンプレート
Design a Dramatic-inspired interface. Colors: #F43F5E, #16A34A, #D97706, #DC2626 with #F43F5E accent. Typography: #8B5CF6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Dramatic aesthetics. Use Dramatic color identity with #F43F5E accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Dramatic style. Use Dramatic color identity with #F43F5E accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Dramatic design language. Use Dramatic color identity with #F43F5E accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Dramatic visual identity. Use Dramatic color identity with #F43F5E accents. Compelling, conversion-focused.
使用例
Dramatic アプリ
WebBuild a web app with Dramatic design language and #F43F5E color system.
Dramatic ダッシュボード
ダッシュボードCreate a dashboard using Dramatic style with data visualization and #8B5CF6 typography.
✅ 適した用途
- 強い表現が求められるシーン
- 映像・エンタメのプロモーションページ
- ブランド発表会のページ
❌ 適さない用途
- 日常的な効率化ツール
- 軽量なフォームページ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。