INK 网站预览
INK 网站预览

INK

白色基底、插画元素与渐变展示。

页面以白色为基底,搭配深灰色文字。字体采用 Good Sans。视觉特点包括插画元素、渐变展示、大幅摄影展示、文字主导。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 所有字号使用 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 覆盖完整声音。
  • 区块间不要添加边框、分割线或细线,让留白承担表达。
  • 项目图片不要圆角裁切或放进卡片。
  • 任何文字不要以粗体或斜体强调,改用灰褐到炭灰的色彩变化。