Sleek はモダンミニマルの「ハイグレード版」です。線はクリーン、配色は洗練され（紫 #8B5CF6 はワンポイントで止める）、シャドウは薄く正確、角丸とボーダーはどれも適切です。ビジュアルは鋭いながらも冷たくはなく、細部のすべてが磨き上げられたプロダクトの表面のように感じられます。SaaS、ハードウェア、デザイナー向けツールの洗練された UI に適しています。
Sleekモダンミニマル
プロンプトテンプレート
基本テンプレート
Design a Sleek-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Sleek aesthetics. Use Sleek color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Sleek style. Use Sleek color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Sleek design language. Use Sleek color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Sleek visual identity. Use Sleek color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Sleek アプリ
WebBuild a web app with Sleek design language and #8B5CF6 color system.
Sleek ダッシュボード
ダッシュボードCreate a dashboard using Sleek style with data visualization and #3B82F6 typography.
✅ 適した用途
- ミニマルなシーン
- テックプロダクトの公式サイト
- 効率化ツールの UI
❌ 適さない用途
- レトロ装飾のページ
- 密集したデータの大画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。