Netflix 网站预览
Netflix 网站预览

Netflix

无限数字书架。一种电影般的体验,将一个无尽的内容库置于纯黑的戏剧性背景之上。

设计系统的感觉就像剧院里灯光逐渐变暗,营造出沉浸式的电影感空间。背景是一片纯粹的黑色(#000000),内容轮播则呈现为一个无限延伸、可浏览的图书馆。标志性的‘Netflix红’(#e50914)使用极为克制,仅用于品牌标识和主要行动号召,成为视觉上的唯一焦点。自定义字体Netflix Sans展现出自信而实用的语气,从细小的文本到高达56px的标题,均保持简洁,毫无修饰。功能卡片通过微妙的立体感增强视觉表现,不使用阴影,而是采用深邃的蓝紫色渐变,使卡片在黑暗中柔和发光。

查看原始网站

使用规范

建议采用

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

建议避免

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