Refined は丁寧に磨き上げられたモダンミニマルです。優雅なセリフ体の見出し（紫 #8B5CF6 の細部のアクセント）に、豊かな余白と抑制された配色を組み合わせ、すべての間隔が見直されています。気質は成熟しており内省的で、「ここは細部まで行き届いている」と伝えます。法律事務所、コンサルティング、ハイエンドブランドなど、信頼感が必要な洗練された公式サイトに適しています。
Refinedモダンミニマル
プロンプトテンプレート
基本テンプレート
Design a Refined-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Refined aesthetics. Use Refined color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Refined style. Use Refined color identity with #8B5CF6 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Refined design language. Use Refined color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Refined visual identity. Use Refined color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用例
Refined アプリ
WebBuild a web app with Refined design language and #8B5CF6 color system.
Refined ダッシュボード
ダッシュボードCreate a dashboard using Refined style with data visualization and #3B82F6 typography.
✅ 適した用途
- ミニマルなシーン
- 洗練されたブランド公式サイト
- ハイエンドなコンテンツコーナー
❌ 適さない用途
- ブルータリズムの実験ページ
- 密集した運用管理画面
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。