Replicate 讓開發者用一條 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 應用程式
Web 端Build 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 平台
- 開發者文件與範例頁
❌ 不適用情境
- 深色遊戲化介面
- 奢華品牌形象頁
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。