Mintlify

一个简洁、现代的开发者文档SaaS界面，配有风格化的插画主视觉背景。

干净、高对比度的调色板，以深青绿色点缀，搭配纯白与黑色。

humanist-sans · monospace

• display40px · 500
• body16px · 400
• label12px · 500

展示型字体在大标题中使用紧缩字间距（-0.8px）。 · 标签和徽章使用大写字母和更宽的字间距（0.6px）以示强调。 · 等宽字体专用于代码片段或技术参考。

遵循统一的4px网格，并为区块分隔留出充足的padding。

1px solid rgba(13, 47, 47, 0.5)

0px 2px 4px 0px rgba(13, 47, 47, 0.03) · 0px 2px 4px 0px rgba(255, 255, 255, 0.05)

标准的12列网格，内容容器居中。

hover时平滑的颜色和背景过渡。 · 交互元素的缩放与位移变换。 · 状态变化时的透明度渐变。

交互元素上呈现细微的颜色或背景变化。 · 按钮和链接在点击时立即提供缩放或变换反馈。

• button 简洁、圆润的药丸形按钮，采用纯色背景或描边样式。
• card 带有轻微阴影和圆角的卡片，常包含插画内容。
• chip 小巧、圆润的徽章，用于'新功能'等标签或分类标记。
• input 圆润的输入框，带有细微边框，或在图片上采用透明背景。
• hero 全宽区块，配有风格化的风景插画背景，文字居中。

• 语气 专业、有帮助且技术精湛。
• 标题风格 加粗、直接，以利益点为导向。
• 按钮文案 清晰且具有行动驱动力，常使用药丸形按钮。

• 不要使用刺眼、明亮的霓虹色——截图显示调色板为深青绿色、白色和黑色。
• 不要使用厚重、装饰性的衬线字体——截图显示为简洁、现代的无衬线字体。
• 不要创建包含多个竞争元素的杂乱布局——截图显示有充足的留白和清晰的层次结构。
• 不要让所有元素都使用尖锐的直角——截图显示卡片、按钮和输入框均采用圆角。
• 不要为所有背景使用复杂、写实的摄影图片——截图显示为风格化的插画背景。
• 不要将深色模式作为主要界面——截图显示以浅色界面为主，主视觉区使用深色。
• 避免: 过于随意的语言
• 避免: 未经解释的行业术语
• 避免: 激进的销售话术

历史提取与模型分析 · 尚未逐项校验