Netflix 网站预览
Netflix 网站预览

Netflix

深色基底、渐变展示与大字排版。

页面以深色为基底,搭配白色文字。局部操作控件以红色强调。字体采用 Netflix Sans。视觉特点包括渐变展示、大字排版、网格布局、错落拼贴。适合参考的场景:产品介绍页、品牌展示页。

查看原始网站

使用规范

建议采用

  • 所有主页面背景均使用纯黑色(#000000),以最大化沉浸感。
  • 将Netflix红(#e50914)严格保留用于品牌标识、主要行动号召和关键交互时刻。
  • 使用Netflix Sans字体进行所有排版,从标题到微文本均适用。
  • 使用内容轮播和卡片网格作为内容展示的主要方式。
  • 对于功能卡片,使用'功能卡片渐变'来营造深度,而非阴影。
  • 保持极小的角落圆角:按钮和输入框为4px,大内容卡片为16px。
  • 确保所有在深色背景上的主要文字为粉笔白色(#ffffff),以实现最大对比度。

建议避免

  • 除Netflix红之外,不得使用任何饱和的强调色。
  • 不要为任何元素应用传统阴影效果。
  • 不得使用浅色或灰色页面背景;整个体验必须为深色。
  • 不要为按钮添加描边;主要和次要操作应使用实色填充。
  • 不要在头部区域添加过多导航元素;保持简洁,并聚焦于注册/登录功能。
  • 不要使用多种字体;Netflix Sans 是唯一的字体。
  • 不要引入复杂形状;应使用带有轻微圆角的简单矩形。