Notion

一款高度打磨、功能齐全的企业工具，融合了现代SaaS美学与清晰、直观的UI模式。

以白色和暖灰色为基础的克制、中性调色板，辅以单一高饱和度蓝色作为主要操作色，以维持专业、专注的环境。

humanist-sans · monospace

• display64px · 700
• heading40px · 700
• body16px · 400
• small14px · 400

大型展示标题使用紧凑的字间距。 · 正文文本在浅色背景上保持高对比度。 · 利用不同的字重（400, 500, 700）建立清晰的视觉层次。

采用统一的4px网格系统，确保组件间垂直和水平节奏的统一。

使用rgba(0,0,0,0.11)的细微1px边框，用于界定容器和分隔元素。

0 1px 0 rgba(0,0,0,0.1) · 0 1px 3px rgba(0,0,0,0.01), 0 3px 7px rgba(0,0,0,0.02), 0 7px 15px rgba(0,0,0,0.02), 0 14px 28px rgba(0,0,0,0.04), 0 23px 52px rgba(0,0,0,0.05)

简洁、居中的布局，桌面端为宽内容块，移动端过渡为单列，保持充足的留白。

hover时平滑的背景颜色过渡。 · 交互元素的细微box-shadow扩展。 · 用于UI状态变化的变换效果。

细微的颜色变化或阴影增强，以指示可交互性，同时避免干扰。 · 即时的视觉反馈，通常通过背景颜色变化或微小变换实现。

• button 简洁、圆角的按钮，采用实心主蓝色填充和高对比度白色文本，或提供细微的描边/幽灵按钮变体。
• card 轻盈、有高度的卡片，带有细微阴影和柔和圆角，用于展示功能或仪表板元素。
• chip 小型、药丸状的标签，用于UI中的状态指示或分类。
• input 极简的表单字段，边框细微，注重清晰度和易用性。
• hero 大胆、醒目的排版陈述，搭配大型、详细的产品截图。

• 语气 专业、自信且略带趣味，强调赋能与效率。
• 标题风格 简短、有力且极具冲击力，常使用大型粗体排版进行陈述。
• 按钮文案 直接且以利益为导向，聚焦于立即行动，如“免费获取Notion”或“申请演示”。

• 避免使用高饱和度颜色作为背景——截图显示以白色和极浅灰色为主导的调色板。
• 避免使用装饰性衬线字体——截图显示所有主要文本均采用简洁、现代的人文主义无衬线字体。
• 避免使用厚重、深色的边框——截图显示使用细微、低透明度的边框来界定区域。
• 避免在界面上堆砌过多CTA——截图显示具有清晰主要操作的聚焦层次。
• 避免使用复杂、多色的渐变——截图显示使用纯色、平面色和细微阴影来营造深度。
• 避免使用激进的投影——截图显示使用柔和、分层的阴影来增加微妙的高度感。
• 避免: 缺乏明确上下文的技术术语
• 避免: 过于激进或“推销式”的语言
• 避免: 杂乱或令人困惑的信息传达

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