Norgram 网站预览
Norgram 网站预览

Norgram

如同白墙艺术画廊。

Norgram像一间编辑式设计工作室:洁净白色画布、没有彩色,排版是唯一主角。系统严格单色,每个屏幕都像白底黑字的出版物布局,图像提供唯一变化。Helvetica Now Display承载全部语气,标题字号采用低语般紧密的字间距,87px时为-0.02em,元数据紧凑为12px,行高则有节制地保持1.0–1.17。组件平面、无边框或细线边框,精简到排版骨架。没有填充、强调或明显阴影,纪律存在于省略的内容中。页面节奏来自首屏尺度图版与密集文字栏交替,持续存在的底部信息栏像博物馆说明牌一样锚定每个分区。

查看原始网站

使用规范

建议采用

  • 展示标题采用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衬线不要混入标题或导航,只限于编辑式正文。