HBO Max 网站预览
HBO Max 网站预览

HBO Max

近黑色基底、细线分隔与扁平表面。

页面以近黑色为基底,搭配白色文字。字体采用 Max Sans。视觉特点包括细线分隔、扁平表面、网格布局、单栏阅读排版。适合参考的场景:音视频产品介绍页、媒体内容展示页。

查看原始网站

使用规范

建议采用

  • 所有填充型 CTA 按钮、激活状态及检查图标必须使用 #3d6a99,这是系统的唯一色彩标识
  • 任何商业/价格区域需转为白色背景;页面其余部分必须保持黑色
  • 按钮设置为 8px 圆角,胶囊形元素(胶囊形)设置为 100px 圆角——禁止使用中间值
  • 标签、徽章及小写字母文本的字间距设置为 0.083–0.1em 正向间距,以实现电影级的动态标题效果
  • 页面背景必须保持纯 #000000,内容区域禁止叠加、渐变或灰度层
  • 标题使用 300–400 字重;价格、CTA 及强调内容仅使用 600–700 字重
  • 保持充足的垂直节奏:区块间间距 64px,卡片内边距 24px,元素间间距 16px

建议避免

  • 绝不使用阴影效果——深度来自表面色彩对比,而非层级叠加
  • 禁止引入额外的辅助色——该系统为单色加一蓝
  • 避免在价格卡片之外使用比 #050409 更亮的背景色
  • 小字号文本的字间距不得紧于 -0.01em;该系统应向外呼吸,而非向内收缩
  • 绝不将白色按钮置于白色价格卡片上,或蓝色按钮置于蓝色背景上——必须实现色彩极性反转
  • 禁止添加渐变、玻璃效果或模糊处理——整体美学为扁平影院暗色风格
  • 避免在大范围装饰区域使用 #3d6a99;该色应仅作为精确的交互标记,而非填充背景