Clean は「シンプルさへの集中」を基本とするスタイルです。十分な余白、明快な文字階層、抑制された色彩（紫 #8B5CF6 はアクセントとしてのみ使用）が、注意をコンテンツそのものへと譲ります。整った整列と明快な境界線を持ち、あらゆる装飾は読みやすさのために道を譲ります。ドキュメント、ツール系プロダクト、そして長く愛用されるベーシックな UI に適しています。
Cleanモダンミニマル
プロンプトテンプレート
基本テンプレート
Design a Clean-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Clean aesthetics. Use Clean color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Clean style. Use Clean color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Clean design language. Use Clean color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Clean visual identity. Use Clean color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Clean アプリ
WebBuild a web app with Clean design language and #8B5CF6 color system.
Clean ダッシュボード
ダッシュボードCreate a dashboard using Clean style with data visualization and #3B82F6 typography.
✅ 適した用途
- ミニマルなシーン
- 読み書き系プロダクト
- 汎用的な企業公式サイト
❌ 適さない用途
- 装飾の多いブランドページ
- 密集したデータの大画面表示
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。