Modern は現代的なエディトリアルスタイルです。セリフ体の大きな見出し（深紫 #553F83 のアクセント）にほぼ黒の本文（#111111）と白黒写真を組み合わせ、タイポグラフィは字間とリズムを重視し、配色は極限まで圧縮されています。グリッドは厳密でありながら呼吸感があり、現代カルチャー雑誌のデジタル版のような仕上がりです。ブランドストーリー、編集特集、ハイエンドなコンテンツプラットフォームに適しています。
Modernモダンミニマル
プロンプトテンプレート
基本テンプレート
Design a Modern-inspired interface. Colors: #111111, #16A34A, #D97706, #DC2626 with #16A34A accent. Typography: #553F83.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Modern aesthetics. Use Modern color identity with #16A34A accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Modern style. Use Modern color identity with #16A34A accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Modern design language. Use Modern color identity with #16A34A accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Modern visual identity. Use Modern color identity with #16A34A accents. Compelling, conversion-focused.
使用例
Modern アプリ
WebBuild a web app with Modern design language and #16A34A color system.
Modern ダッシュボード
ダッシュボードCreate a dashboard using Modern style with data visualization and #553F83 typography.
✅ 適した用途
- ミニマルなシーン
- 現代的な雑誌とコラム
- デザインブランドの公式サイト
❌ 適さない用途
- 高密度なデータ管理画面
- ゲーム・娯楽系の UI
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。