Flat は二次元のミニマリズムです。シャドウとスキューモーフィズムを捨て、純色の面、明確な境界、鮮やかな配色で階層を表現します。紫（#8B5CF6）などの色彩はフラットに塗られ、タイポグラフィはクリーンで歯切れよく、アイコンとイラストも同様にフラット化され、UI は軽快で読み込みにも優しい仕上がりです。Web アプリ、情報系プロダクト、モダンさを求める汎用 UI に適しています。
Flatモダンミニマル
プロンプトテンプレート
基本テンプレート
Design a Flat-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #F2673C.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Flat aesthetics. Use Flat color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Flat style. Use Flat color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Flat design language. Use Flat color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Flat visual identity. Use Flat color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Flat アプリ
WebBuild a web app with Flat design language and #8B5CF6 color system.
Flat ダッシュボード
ダッシュボードCreate a dashboard using Flat style with data visualization and #F2673C typography.
✅ 適した用途
- ミニマルなシーン
- 汎用アプリの UI
- 明快なプロダクト公式サイト
❌ 適さない用途
- スキューモーフィズムと 3D のページ
- 装飾の多いブランドページ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。