Intercom

一个精致的现代化企业仪表板，融合了高端编辑摄影与简洁的软件界面。

以高对比度的单色为基础，搭配温暖的米色中性色，以及一个用于交互高亮的深蓝色点缀色。

geometric-sans · humanist-sans · monospace

• display54px · 400
• h228px · 400
• body16px · 400
• caption14px · 400

以4px为基础单位，搭配充足的垂直间距以提升可读性。

全宽响应式布局，内容列设有最大宽度限制。

在颜色、背景颜色和边框颜色属性上实现平滑过渡。 · 在hover状态下实现微妙的背景尺寸动画。

平滑的颜色和背景颜色过渡。 · 立即响应，带有微妙的缩放或颜色变化。

• button 实心黑色或描边的胶囊形按钮，搭配简洁的无衬线字体。
• card 简洁的卡片，带有最小化的边框或微妙的阴影，通常包含产品界面截图。
• chip 带有微妙背景或边框的简单文本标签。
• input 带有微妙边框和圆角的简洁文本输入框。
• hero 大型、富有表现力的字体，搭配文字与产品图像或摄影图片的并排布局。

• 语气 专业、自信、具有前瞻性。
• 标题风格 大胆、直接地陈述产品领导力和AI能力。
• 按钮文案 清晰、以行动为导向的短语，例如“开始免费试用”和“查看演示”。

• 不要为首要的Hero部分使用深色背景——截图显示的是干净的白色背景。
• 不要为标题使用过于装饰性或展示性的衬线字体——截图显示的是简洁的几何无衬线字体。
• 不要依赖明亮、饱和的强调色——截图显示的是克制的配色方案，仅使用一个深蓝色点缀色。
• 不要使用小而拥挤的字体排版——截图显示的是充足的行高和字间距。
• 不要使用复杂、繁杂的背景图案——截图显示的是纯色和摄影图像。
• 不要使用生硬、方正的UI组件——截图显示的是圆角按钮和卡片。
• 避免: 过于随意的语言
• 避免: 模糊的营销术语
• 避免: 激进的紧迫性策略

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