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(悬停表面)并保持红色按钮作为唯一行动信号