Zendesk 网站预览
Zendesk 网站预览

Zendesk

近白色基底、居中构图与产品图像展示。

页面以近白色为基底,搭配近黑色文字。局部操作控件以黄绿色强调。字体采用 Vanilla Sans。视觉特点包括居中构图、产品图像展示、宽松留白、单栏阅读排版。适合参考的场景:专题展示页、项目介绍页。

查看原始网站

使用规范

建议采用

  • 所有交互式CTA和关键数据高亮处必须独占使用#d1f470——其在页面中的稀缺性正是其具有视觉停顿力的来源。
  • 所有内容卡片的圆角半径(borderRadius)设为0px;其立体感来自#f5f5f2表面与白色背景之间的色彩对比,而非阴影或圆角。
  • 在Vanilla Sans字体中,字号48px及以上使用300字重——大尺寸轻量级标题是该系统的首要排版特征。
  • 所有Vanilla Sans使用场景的字间距(字间距)统一设为0.054em,以维持其轻盈的间距特征,区别于默认的Inter或DM Sans。
  • 将电黄绿CTA按钮(#d1f470)与视觉重量相等的透明/描边次级按钮搭配使用——永远不要同时使用两个填充按钮。
  • 所有正文和UI标签均使用#11110d(带有暖调的近黑色)而非纯黑(#000000)
  • 保留 #203524 森林冠层 仅用于活动/公告区域 — 它表示‘特殊场景’,而非通用界面

建议避免

  • 卡片绝对不能添加阴影(box-shadow)——设计刻意通过表面色彩对比(#f5f5f2 与 #ffffff)实现视觉提升,而非阴影效果。
  • 按钮的 borderRadius绝不可超过 16px,活动卡片的圆角半径绝不可超过 40px — 本系统中不存在完整胶囊形(9999px)形状
  • 绝对不要引入次级强调色——#d1f470是唯一的色彩强调;加入蓝色、橙色或紫色会破坏单色系统的统一性。
  • 绝对不要在标题中使用Vanilla Sans 700字重——在展示尺寸下使用粗体会破坏该系统‘克制与权威’的平衡。
  • 在浅色背景上正文文本绝对不能使用纯黑(#000000)——必须使用#11110d(近黑色)以保留温暖的有机质感。
  • 绝不为扁平内容卡片添加圆角(0px 半径是刻意设计,而非遗漏)
  • 绝对不要将两个电黄绿背景元素相邻放置——该强调色通过孤立性发挥作用。