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。
- 正文不要居中,左对齐形成编辑阅读节奏。
- 每个组件绝不使用超过一种彩色,系统对色彩严格分配。