Mage

一个精密的AI驱动的自动化引擎，拥有专业且平易近人的界面。

干净、明亮的界面，搭配单一的亮紫色主色调，引导注意力聚焦于主要操作。

geometric-sans · humanist-sans · monospace

• display64px · 700
• h240px · 600
• body18px · 400
• caption14px · 500

标题和主要操作号召使用粗体字重。 · 大号展示文本保持紧凑的行高。 · 正文文本应干净、高度易读。

慷慨的垂直间距，营造清晰的视觉层次，并在各区块之间提供呼吸空间。

卡片和输入框使用细微、低透明度的边框。主按钮为实心填充；次级按钮为描边样式。

0 2px 8px rgba(0,0,0,0.04) · 0 8px 24px rgba(0,0,0,0.06)

固定的左侧导航栏侧边栏与宽大的主内容区域。英雄区使用全宽容器搭配大型视觉元素。

交互元素上细微的hover状态过渡。 · 平滑的页面过渡。 · 内容区块的柔和淡入动画。

交互元素的细微背景或颜色变化。按钮在hover时略微增加对比度。 · 通过短暂的缩放或透明度变化提供视觉反馈。

• button 主按钮：实心填充，高对比度。次级按钮：描边，低对比度边框。第三级：纯文本，带hover状态。
• card 干净、极简的卡片，带有细微边框和圆角。用于功能分解展示。
• chip 用于导航类别，激活时带有细微的背景填充。
• input 干净、圆角的输入框，带有清晰的标签和占位符文本。
• hero 大型、有冲击力的英雄区，左侧为粗体排版，右侧为抽象、多彩的3D图形。

• 语气 专业、自信，略带技术感。聚焦于效率和能力。
• 标题风格 直接、利益驱动、简洁。使用粗体、大号字体来吸引注意力。
• 按钮文案 行动导向且清晰。主CTA使用强动词；次级CTA更具信息性。

• 不要使用多种相互竞争的强调色——截图显示单一的主导紫色（#7C5CFC）作为主强调色。
• 不要使用沉重的阴影或辉光——截图使用柔和、极简的阴影，以保持干净、扁平的外观。
• 不要使用装饰性或手写体字体——截图使用干净的几何/人文无衬线字体类别。
• 不要用过多元素使布局显得拥挤——截图优先考虑充足的留白和单一的焦点。
• 不要为重要信息使用低对比度文本——截图的所有主要文本都保持高对比度。
• 不要将按钮做成方形或尖角——截图显示按钮和卡片采用圆角（8-12px）。
• 避免: 夸张词汇
• 避免: 过于随意的俚语
• 避免: 未解释的术语
• 避免: 复杂的隐喻