Norgram 网站预览
Norgram 网站预览

Norgram

白色基底、紧密字距与细线分隔。

页面以白色为基底,搭配近黑色文字。字体采用 Helvetica Now Display、Times。视觉特点包括紧密字距、细线分隔、扁平表面、大幅摄影展示。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 展示标题采用Helvetica Now Display 400、87px和-0.02em letter-spacing;这是唯一允许的展示字号。
  • 全部UI严格保持单色,只使用#000、#141414、#777、#efefef和#fff。
  • 卡片border-radius为4px,按钮7px,标签和toast表面10px。
  • 空间节奏维持8px元素间隙和68px分区间距。
  • 满幅产品摄影放在白色画布上,没有边框、叠加层或阴影。
  • 页脚、卡片描述和署名等超过一行的正文,采用Times 14–16px。
  • 每个分区都以左上角“Norgram®”文字标志和底部元数据条带锚定。

建议避免

  • 不要引入任何彩色,界面中没有蓝、绿、红或品牌色相。
  • 卡片、图像或按钮不要使用阴影;投影只留给系统toast。
  • Helvetica Now Display不要高于500字重;400承载语气。
  • 卡片圆角不要超过4px,按钮不要低于7px;平面感是刻意的。
  • 不要使用带边框按钮;所有操作都是无填充文字链接,或悬停时出现下划线。
  • 文字块后方不要添加背景填充,让文字直接落在画布上。
  • Times衬线不要混入标题或导航,只限于编辑式正文。