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 半径是刻意设计,而非遗漏)
- 绝对不要将两个电黄绿背景元素相邻放置——该强调色通过孤立性发挥作用。