Splice 网站预览
Splice 网站预览

Splice

近黑色基底、扁平表面与大幅摄影展示。

页面以近黑色为基底,搭配白色文字。字体采用 InterVariable (custom)、SoehneBreit (custom)。视觉特点包括扁平表面、大幅摄影展示、宽松留白、网格布局。适合参考的场景:音视频产品介绍页、媒体内容展示页。

查看原始网站

使用规范

建议采用

  • 所有链接与交互文字使用 #528fff Signal Blue,这是系统唯一持续的色彩声音。
  • 所有字号、所有文字应用 -0.015em 字间距,形成紧凑阅读节奏。
  • 标题使用 SoehneBreit 字重 400,绝不加粗,低声字重就是声音。
  • 表面通过 #45464d 或 #232426 的 1px 边框分隔,绝不用投影。
  • 标准按钮使用 8px 圆角,胶囊形交互元素使用 60px。
  • 14px 大写 SoehneBreit 标签应用 0.071em 字间距,形成编辑眉题模式。
  • 让摄影提供所有视觉浮起感;满幅图片承载原本由阴影承担的重量。

建议避免

  • #f1f607 Voltage Yellow 绝不用在背景上,它只是文字标点。
  • 卡片或面板不要加投影,系统刻意平面。
  • SoehneBreit 绝不设为粗字重,系统中它只以 400 存在。
  • 不要引入新强调色,色板是灰度加蓝与黄绿两个信号。
  • 避免纯白背景,画布始终是 Carbon #121214 或 Graphite #232426。
  • 正文不要居中,左对齐形成编辑阅读节奏。
  • 每个组件绝不使用超过一种彩色,系统对色彩严格分配。