Replicate runs open-source machine learning models behind a cloud API. Its style is high-energy: an explosive orange-red-magenta gradient anchored on #ea2804 floods the hero, 128px heavy rb-freigeist-neue headlines dominate, everything from buttons to cards is a 9999px pill, and high-contrast black (#202020) and white carry the red brand through model galleries, code samples, and dotted-underline links.
AIMinimal
Prompt Template
Base Template
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.
Variant Prompts
📱 Mobile
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.
📊 Dashboard
Design a dashboard with Replicate design language. Use Replicate color identity with #ea2804 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Replicate visual identity. Use Replicate color identity with #ea2804 accents. Compelling, conversion-focused.
Usage Examples
Replicate App
WebBuild a web app with Replicate design language and #ea2804 color system.
Replicate Dashboard
DashboardCreate a dashboard using Replicate style with data visualization and modern typography.
✅ Best For
- AI
- ML model API platforms
- Developer docs and example pages
❌ Avoid For
- Dark gamified interfaces
- Luxury brand image pages
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.