Contemporary は現代的なミニマルと Bento グリッドの組み合わせです。コンテンツは整然としたモジュールブロックに編成され、余白とグリッド線が秩序を保ち、マゼンタ（#E60076）と紫のアクセントが白黒グレーのベースに現代性をもたらします。階層は明快でリズムは現代的、編集会計の行き届いた製品カタログのような仕上がりです。SaaS の公式サイト、プロダクトローンチ、個人ページなど現代的なシーンに適しています。
Contemporaryモダンミニマル
プロンプトテンプレート
基本テンプレート
Design a Contemporary-inspired interface. Colors: #E60076, #16A34A, #D97706, #DC2626 with #E60076 accent. Typography: #C800DF.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Contemporary aesthetics. Use Contemporary color identity with #E60076 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Contemporary style. Use Contemporary color identity with #E60076 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Contemporary design language. Use Contemporary color identity with #E60076 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Contemporary visual identity. Use Contemporary color identity with #E60076 accents. Compelling, conversion-focused.
使用例
Contemporary アプリ
WebBuild a web app with Contemporary design language and #E60076 color system.
Contemporary ダッシュボード
ダッシュボードCreate a dashboard using Contemporary style with data visualization and #C800DF typography.
✅ 適した用途
- ミニマルなシーン
- モダンなプロダクト公式サイト
- デザイン性の高いポートフォリオ
❌ 適さない用途
- 古典的・レトロな出版物
- 複雑な管理画面システム
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。