Perplexity は「対話型のアンサーエンジン」で、検索を引用付きの問答に変えます。スタイルは極めて深いダークのキャンバス（#0f0f10 から #2e2e30 までの多段グレー）を下地に、紫（#a855f7）を鋭いアクセントとして用い、タイポグラフィは密で歯切れよく、情報階層は装飾ではなく明度差に依存します。AI 検索、知識問答、対話型プロダクトの UI に適しています。
Perplexity AIAI・大規模モデル
プロンプトテンプレート
基本テンプレート
Design a Perplexity AI-inspired interface. Colors: #0f0f10, #19191a, #232325, #2e2e30 with #a855f7 accent.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Perplexity AI aesthetics. Use Perplexity AI color identity with #a855f7 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Perplexity AI style. Use Perplexity AI color identity with #a855f7 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Perplexity AI design language. Use Perplexity AI color identity with #a855f7 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Perplexity AI visual identity. Use Perplexity AI color identity with #a855f7 accents. Compelling, conversion-focused.
使用例
Perplexity AI アプリ
WebBuild a web app with Perplexity AI design language and #a855f7 color system.
Perplexity AI ダッシュボード
ダッシュボードCreate a dashboard using Perplexity AI style with data visualization and modern typography.
✅ 適した用途
- AI
- AI 検索と問答プロダクト
- ダークで情報密度の高い UI
❌ 適さない用途
- 温かみのある手仕事系ブランドページ
- 丸みのあるカートゥーン調の教育プロダクト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。