VALIENTE BRANDS 网站预览
VALIENTE BRANDS 网站预览

VALIENTE BRANDS

红色基底、等宽文字标注与视频展示。

页面以红色为基底。字体采用 GT Pressura、Monument Grotesk。视觉特点包括等宽文字标注、视频展示、大字排版、大幅图像展示。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有 UI 文字使用 GT Pressura 字体,字重 400;禁止使用粗体或轻体,层级仅通过大小体现
  • 将 #ff1a00 作为所有文字、边框和图标元素的单一主色调;让温暖的 #e7a196 背景承载整体氛围
  • 将显示标题推至 128px 或更大,字间距控制在 -0.040em 到 -0.050em 之间——近乎接触的负字间距是其标志性特征
  • 将导航和元数据固定在视口的四个角落(左上角链接、右上角徽章、左下角标签、右下角版权)而非构建传统页眉栏
  • 使用满幅边缘到边缘的媒体(视频、摄影)内容,无圆角、无叠加边框——让画布成为唯一的边框
  • 在显示尺寸下保持行高 0.80-0.82,在正文文本中保持 1.0-1.2,绝不设置比 1.2 更松的行高
  • 所有文字必须为大写;系统中不存在大小写混合或句子式大小写

建议避免

  • 禁止引入阴影、渐变、带圆角的边框或任何基于容器的堆叠效果——页面是平面印刷,而非堆叠表面
  • 禁止使用 CTA 按钮填充色;系统中没有填充按钮,仅有文字链接和轮廓播放控件
  • 禁止使用次级或三级文字颜色——#ff1a00 与 #e7a196 是系统中唯一的对比配色对
  • 禁止在任何媒体或内容块上使用卡片内边距、间距或圆角
  • 禁止混合使用多种字体家族;GT Pressura 负责所有内容,唯独首屏区域标题使用单个 Monument Grotesk 字体
  • 禁止使用字重 600 或 700 来强调——应通过增大字号实现强调
  • 禁止将显示文字的字间距设置得比 -0.025em 更松;压缩的字间距是使文字具有广播般强烈感的关键