Netflix Spain 网站预览
Netflix Spain 网站预览

Netflix Spain

一个黑色电影院大厅,仅有一个红色出口标志。

Netflix 在电影般的黑暗中呈现:纯黑的空旷背景里,鲜艳的内容海报成为视觉主角。界面仅保留排版,以及一种清晰无歧义的操作信号——Netflix 红色。每个表面都是某种近黑色,营造剧院般的环境,让电影海报、缩略图和剧集图像仿佛跃出屏幕。系统刻意在界面外围元素上保持极简,在内容上追求极繁;红色强调色是寒冷、沉浸的黑色空间中唯一的暖色。卡片和功能块带有细微的深色到深色渐变(深靛蓝、酒红色、炭灰色),增添氛围深度,同时避免抢夺其中摄影内容的注意力。

查看原始网站

使用规范

建议采用

  • 仅使用 #e50914 作为每个页面的单一主要行动信号——绝不装饰,也不用于图标、标签或次要链接
  • 所有表面必须保持在纯黑到炭黑范围(#000000–#2d2d2d)——黑暗是品牌本身
  • 让内容艺术作品占据视觉空间的 80% 以上;UI 界面外围元素 应退居背景
  • 使用 Netflix Sans 字重 900,字号 56–100px 用于首屏/展示标题,以营造醒目标题效果
  • 在卡片、按钮和输入控件上一致应用 8px 圆角——系统仅有两个圆角(链接为 2px,容器为 8px)
  • 在首屏/拼贴场景中,对内容海报进行轻微旋转叠加,以营造深度和丰富感
  • 所有次要和元数据文本使用 #b3b3b3——绝不使用有色彩的灰色

建议避免

  • 系统中除 #e50914 外,不得引入任何彩色——禁止使用蓝色、绿色或紫色作为 UI 强调色(仅限功能卡片上的渐变,且仅为装饰用途)
  • 不得使用阴影或箱形阴影来表现层级——深度仅来自表面色调的微调
  • 卡片不得添加边框——应通过卡片表面(#232323)与页面(#000000)之间的色调对比来实现
  • 不得使用超过 16px 的圆角——系统为矩形结构,带有细微柔和感,仅在标签/徽章场景下为胶囊形
  • 不得使用 Netflix Sans 字重 400 作为标题——应保留给正文;标题应为 700 或 900
  • 不得在海报艺术作品上直接放置 UI 文字,除非有深色遮罩层——始终保护可读性
  • 不得为不同状态(悬停、聚焦)引入额外强调色——使用 #393939(悬停表面)并保持红色按钮作为唯一行动信号