Replicate 让开发者用一条 API 运行开源机器学习模型。其风格火力十足：橙红到品红的爆炸渐变（#ea2804 为锚）铺满英雄区，128px 的 rb-freigeist-neue 重体字压阵，从按钮到卡片的一切都是 9999px 全胶囊，黑白高对比画布上红色贯穿品牌，模型画廊、代码示例与虚线下划线链接散发开发者社区的活力。适合 AI API 与开发者平台。
AI 与大模型现代极简
提示词模板
基础模板
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 编程工具使用。