OFF WHITE

近黑色基底、错落拼贴与衬线字形。
页面以近黑色为基底。字体采用 Offwhite、Times。视觉特点包括错落拼贴、衬线字形、摄影展示。适合参考的场景:设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 首屏字形中的Offwhite展示字体放大至180–500px,行高保持1.00;纪念碑般的尺度正是整个设计的要点。
- 30px border-radius仅用于按钮和链接;其余所有内容,包括展示文字、图像、框架和表面,都保持0px直角。
- 将Portrait Photo Tiles叠放在展示文字之后和字形之间,绝不要排成整洁的模块化网格;这种混乱是构图的一部分。
- 正文保持Times 16px、1.20行高和#fff500颜色;衬线与无衬线字体的碰撞,与块状Offwhite形成对照,是标志性的编辑式手法。
- 所有分区都只使用#000000作为画布色,包括分区之间的过渡;不设置浅色横带。
- #00fb34是唯一的填充式操作颜色,让它霓虹般的发光感在黑色画布上确保CTA清晰可见。
建议避免
- 任何地方都不要添加box-shadow、drop-shadow或渐变;深度只能来自z轴叠放和颜色对比。
- 不要让图像角或展示字形边缘变圆;块状的0px几何形态赋予系统抗议海报的身份。
- 不要在四种基准颜色(#000000、#ffffff、#00fb34、#ff0000、#fff500)之外引入新的强调色;彩色词汇刻意保持狭窄。
- 不要将布局约束在max-width容器中;让展示文字和照片一直延伸到视口边缘。
- Offwhite展示字体的字号不要低于36px;小字号会让它失去块状的纪念碑感,显得像普通粗体无衬线字体。
- 不要将正文堆成传统的居中栏;让它穿行于拼贴之中,也可采用旋转90°的纵向文字段。
- 不要使用浅色背景,即使是卡片或面板也一样;只有在刻意营造二元“白色极端”段落并配#000000文字时才例外。