1X NEO

近白色基底、居中构图与大幅摄影展示。
页面以近白色为基底。字体采用 ABCDiatype、ABCDiatypeMedium。视觉特点包括居中构图、大幅摄影展示、胶囊形控件、宽松留白。适合参考的场景:AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 使用 Gallery White #f7f7f7 作为主画布,将 Charcoal Field #222222 保留用于完整电影章节。
- 将编辑区标题设置为 ABCDiatypeMedium 字体,字号 56px/67.2px,字重 500,字间距 0px。
- 大尺寸内容摄影和产品电影帧使用 80px 的半径。
- 所有标注的胶囊控件使用 9999px 的半径,紧凑控件添加 6px 12px 的内边距。
- 全局导航使用 ABCDiatypeMedium 字体,字号 11px/20px,全大写,字间距 0.88px。
- 使用 Graphite #474747 作为深色填充订单控件,以及 Paper White #ffffff 作为其中的文本颜色。
- 普通内容组保持无边框,半径 0px,无盒阴影。
建议避免
- 不要引入饱和的强调色;界面调色板保持无彩色,从 #ffffff 到 #222222。
- 不要将主要章节标题加粗;使用 ABCDiatypeMedium 字重 500,字号 56px/67.2px。
- 不要使用 8px 或 16px 的图像圆角;媒体内容使用 80px 半径。
- 不要为内容卡片、媒体窗口或区块容器添加阴影。
- 不要将所有控件变为深色填充;使用透明裸控件,以及位于 Graphite #474747 订单胶囊旁的 Control Mist #d6d6d6 工具胶囊。
- 不要在正文行距低于测量值 20px/26px 或 24px/31.2px 时使用密集排版。
- 不要在导航标签使用标题大小写,导航要求为 11px 全大写文本,字间距 0.88px。