601 Inc. 网站预览
601 Inc. 网站预览

601 Inc.

深色基底、大幅摄影展示与细线分隔。

页面以深色为基底,搭配浅黄色文字。字体采用 changeling-neo。视觉特点包括大幅摄影展示、细线分隔、大字排版、视频展示。适合参考的场景:音视频产品介绍页、媒体内容展示页。

查看原始网站

使用规范

建议采用

  • 仅使用 #ece4b4 和两种黑色;引入第三种颜色会破坏胶片投影的逻辑
  • 在任何品牌展示场景中,将 changeling-neo 设置为精确的 230px 或 280px —— 大尺寸即为品牌特征
  • 所有边框必须保持为恰好 1px 实线 Celluloid Cream —— 从不加粗,也绝不带有背景填充
  • 图片需满幅呈现,内边距为 0px,圆角为 0px,无边框;照片必须紧贴视口边缘
  • 导航与页脚项目之间使用 圆点 图标(•)和 21px 水平内边距分隔,而非仅靠分隔线或间距
  • 仅将 12px 圆角用于次要 UI 元素(如小标签、通知),绝不用于主要内容区域
  • 所有文本必须锚定在视口边缘——左或右,绝不居中于受限的列内

建议避免

  • 不得添加阴影、光晕、模糊或其他任何层叠效果
  • 不得引入第二种字体;该系统仅使用一种字体、一种字重、三种尺寸
  • 不得使用填充按钮——唯一的行为模式是 1px 边框链接
  • 不得将布局限制在最大宽度;必须满幅填充以保留电影画面的完整性
  • 不得在 UI 元素上使用任何颜色——所有色彩必须来自摄影
  • 不得将正文或段落文字设置在 42px 以下;如果不是标签或展示性场景,就不应出现在此站点
  • 不得在 UI 表面应用渐变填充、噪点纹理或胶片颗粒叠加效果;系统中唯一的颗粒感来自摄影