VISIONNAIRE
白色基底、大幅摄影展示与胶囊形控件。
Sneak in Peace
浅色基底、衬线字形与大幅摄影展示。
页面以浅色为基底，搭配近黑色文字。局部操作控件以红色强调。字体采用 NTNeuss、RecklessNeue-Book。视觉特点包括衬线字形、大幅摄影展示。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有卡片、按钮、徽章和输入框均使用6px圆角——26px值专用于圆形头像
- 所有UI文本使用NTNeuss；仅在叙事标题（如‘正在播放’标题、编辑标签）中切换至RecklessNeue-Book
- 在所有NTNeuss文本字号≤12px时，字间距设为0.036–0.122em；字号≥14px时，字间距恢复为正常值
- 默认文本、边框和分隔线使用Charcoal（#3d3d3d）；仅在标题、图标描边及徽章边框等需要最大对比度时使用Ink Black（#000000）
- 将Signal Red（#ba2223）视为受限强调色——仅用于LIVE/直播状态，绝不用于主要CTA或装饰用途
- UI层以半透明白色浮层叠加在满幅媒体上，并带有背景模糊效果——禁止构建不透明页面背景，以免遮挡视觉内容
- 为提升卡片与玻璃面板的立体感，应用细微1px阴影（rgba(0,0,0,0.08) 1px 1px 6px -1px），其他任何阴影均不允许
建议避免
- 除Signal Red和Liberty Navy外，不得引入其他强调色——该系统设计上为99%单色
- 不得在正文、标签或UI元素中使用RecklessNeue——其角色仅限于编辑与叙事场景
- 除6px（或26px用于头像）外，不得使用其他圆角值——4px、8px、12px或胶囊形会破坏系统紧凑标签美学
- 不得使用全宽不透明页面背景——媒体背景必须始终可见
- 不得使用多层阴影、彩色光晕或厚重的堆叠效果——柔软的1px阴影是整个深度语言的全部表达
- 不得将Liberty Navy（#142161）用于填充或背景——它仅作为轮廓动作描边色使用
- 不得在NTNeuss中使用大于14px的字号，或在RecklessNeue中使用大于21px的字号——系统上限为编辑标题级别，绝不展示或海报尺寸
