Mintlify 是「面向智能体的文档平台」，为初创、企业与 AI 提供自动更新的文档体验。其界面用 Inter 的紧凑负字距（-0.8px 到 -1.28px）压缩展示标题，Geist Mono 以 12px 大写加宽字距输出「终端口吻」的技术标签，品牌绿（#18E299）只出现在 CTA、悬停与焦点环上，云白渐变的英雄区配合 16px、24px 与全胶囊的圆角层级。适合文档、SaaS 与开发者产品。
效率与 SaaS现代极简
提示词模板
基础模板
Design a Mintlify-inspired interface. - Inter with tight negative tracking at display sizes (-0.8px to -1.28px) — compressed yet readable; - Geist Mono for code labels: uppercase, 12px, tracked-out, the terminal voice; - Brand green (#18E299) used sparingly — CTAs, hover states, focus rings, and accent touches; - Atmospheric gradient hero with cloud-like green-white wash; - Ultra-round corners: 16px for containers, 24px for featured cards, full-round (9999px) for buttons and pills. Colors: #0d0d0d, #ffffff, #18E299, #d4fae8 with #18E299 accent. Typography: Inter.
变体提示词
📱 移动端
Design a mobile app with Mintlify aesthetics. Use Mintlify color identity with #18E299 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Mintlify style. Use Mintlify color identity with #18E299 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Mintlify design language. Use Mintlify color identity with #18E299 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Mintlify visual identity. Use Mintlify color identity with #18E299 accents. Compelling, conversion-focused.
使用示例
Mintlify 应用
Web 端Build a web app with Mintlify design language and #18E299 color system.
Mintlify 仪表板
仪表板Create a dashboard using Mintlify style with data visualization and Inter typography.
✅ 适合场景
- SaaS 产品
- 产品文档与开发者手册
- 开源项目的指南站点
❌ 不适合场景
- 视觉冲击力强的电商活动页
- 游戏化社交界面
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。