Replicate は開発者が 1 本の API でオープンソースの機械学習モデルを実行できるようにします。スタイルは火力全開です。オレンジレッドからマゼンタへの爆発的なグラデーション（#ea2804 をアンカーに）がヒーローエリアを埋め、128px の rb-freigeist-neue の重い書体が全体を押さえます。ボタンからカードまで、すべてが 9999px の全ピル型。白黒の高コントラストのキャンバスに赤がブランドを貫き、モデルギャラリー、コードサンプル、破線の下線付きリンクが開発者コミュニティの活力を放ちます。AI API と開発者プラットフォームに適しています。
ReplicateAI・大規模モデル
プロンプトテンプレート
基本テンプレート
Design a Replicate-inspired interface. - Explosive orange-red-magenta gradient hero (#ea2804 brand anchor); - Massive display typography (128px) in heavy rb-freigeist-neue; - Exclusively pill-shaped geometry: 9999px radius on EVERYTHING; - High-contrast black (#202020) and white palette with red brand accent; - Developer-community energy: model galleries, code examples, dotted-underline links. Colors: #202020, #ea2804, #dd4425, #2b9a66 with #ea2804 accent.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Replicate aesthetics. Use Replicate color identity with #ea2804 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Replicate style. Use Replicate color identity with #ea2804 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Replicate design language. Use Replicate color identity with #ea2804 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Replicate visual identity. Use Replicate color identity with #ea2804 accents. Compelling, conversion-focused.
使用例
Replicate アプリ
WebBuild a web app with Replicate design language and #ea2804 color system.
Replicate ダッシュボード
ダッシュボードCreate a dashboard using Replicate style with data visualization and modern typography.
✅ 適した用途
- AI
- ML モデル API プラットフォーム
- 開発者ドキュメントとサンプルページ
❌ 適さない用途
- ダークなゲーミフィケーション UI
- ラグジュアリーブランドのイメージページ
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。