Sequel

近黑色基底、胶囊形控件与磨砂表面。
页面以近黑色为基底,搭配白色文字。字体采用 VisueltPro、Bradford。视觉特点包括胶囊形控件、磨砂表面、摄影展示、衬线字形。适合参考的场景:专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 所有主要填充按钮必须使用 #f5f5f0,禁止引入任何彩色高亮,即使在悬停状态也禁止。
- 所有按钮、徽章和芯片的边框半径设为 9999px;所有卡片和图片容器的边框半径设为 10px
- 54px 大小的叙事性标题使用 300 字重,57–128px 大小的展示性标题使用 500 字重 —— 严禁使用粗体(700 以上)
- 所有标签、徽章和元数据文本使用大写加正字间距(0.05–0.08em)
- 所有 57px 及以上大小的展示文本应用 -0.05em 字间距
- 页面画布保持纯 #000000 —— 严禁任何背景变亮或添加色调
- 卡片表面使用 #202020 以通过色调暗示层级,而非阴影
建议避免
- 界面中任何位置均不可使用彩色 —— 系统从设计上即为 0% 色度
- 禁止在卡片、内容表面或图片上使用投影阴影 —— 仅允许在奶油色按钮和玻璃徽章上使用
- 按钮、徽章或芯片的边角绝不使用锐角(0px 半径) —— 仅允许使用胶囊形(9999px)或 10px
- 绝不将正文文本设置低于 16px;绝不将标签设置低于 10px
- 绝不使用高于 500 或低于 300 的标题字重
- 绝不使用 1px 实线 #fff 作为边框或分隔线 —— 仅允许使用 #333333 或玻璃效果
- 绝不将文字直接置于原始摄影图像上,除非配有底部渐变遮罩以增强对比