INK 网站预览
INK 网站预览

INK

暖纸上的编辑跨页。唯一人文主义声音,单色带一缕灰褐低语,只被满幅摄影和纤细暖橙条带打断。

INK 是数字工作室的编辑画廊:暖白纸、单字重人文主义无衬线、填满视口边到边的摄影。色板几乎全灰度,唯一暖灰褐 #afa697 作为“低声”次级声音,一对鲜橙只在装饰条带和插画里出现,绝不进入界面控件。组件减至最安静形态:胶囊导航、细线标签、满幅画框下方漂浮的图注。视觉节奏在巨大编辑文字段落与电影感画面间交替,以 160px 留白分隔。

查看原始网站

使用规范

建议采用

  • 所有字号使用 Good Sans 字重 400,绝不引入粗或中等字重建立层级。
  • 区块分隔为 160px 垂直留白,这是系统最易识别的节奏。
  • 项目图片填满 100% 视口宽度,零圆角、零画框。
  • 同一块中,次要标题用 Whisper Taupe #afa697,主要陈述用 Ink Carbon #2e2a2b。
  • 导航指示圆点使用 100px 圆角,必须呈现正圆。
  • 每个区块保持左边缘文字对齐,距视口边缘 64px 内边距。
  • Bone Cream #e6dcd4 只用于页脚级尾声区块,绝不在页面中段。

建议避免

  • 任何元素不要添加投影,深度来自填充,而非模糊。
  • Signal Orange #fe5431 或 Amber Pulse #ff8000 不要作为按钮背景或链接色,它们只用于装饰。
  • 文字块不要引入 max-width 容器,左边缘 64px 内边距是唯一沟槽。
  • 不要用第二种字体,即使图注也一样,Good Sans 400 覆盖完整声音。
  • 区块间不要添加边框、分割线或细线,让留白承担表达。
  • 项目图片不要圆角裁切或放进卡片。
  • 任何文字不要以粗体或斜体强调,改用灰褐到炭灰的色彩变化。