Studio Oker

近黑色基底、非对称构图与紧密字距。
页面以近黑色为基底,搭配白色文字。字体采用 NextBook、Circular Std。视觉特点包括非对称构图、紧密字距、细线分隔、摄影展示。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 所有背景使用 Pure Black(#000000),不引入灰表面、带色背景或米白面板。
- 所有圆角设为 0px,卡片、按钮、图像和标签均为尖角。
- 分区标题采用 NextBook 300 字重、80px,letter-spacing -0.02em(-1.6px);标志性特征是轻盈字重,而非尺寸。
- Scarlet Signal(#e4002b)每个画面恰好使用一次,如一个红点、红面板或红链接,不跨多个元素填充。
- 以 120px 分区间距和 240–264px 呼吸空间边距作为结构节奏,仅在密集图块网格内缩减。
- 全部辅助文字、元信息和图像边框使用 #a0a0a0,不自创中间灰。
- 摄影像艺术品一样从边缘到边缘展开,不加内边距、圆角或叠层处理。
建议避免
- 不添加投影、内阴影或发光,体系通过虚空而非抬升分隔元素。
- 不引入第二种强调色,猩红是整个体系唯一彩色信号。
- 正文不使用项目符号、编号列表或图标前缀;Services 列表与 Studio 统计块表明,原始堆叠文字比装饰列表更有分量。
- 正文段落不居中,所有长文块左对齐,像文字列而非展示陈述。
- 按钮不使用背景,操作是圆点、链接或文字;红点本身就是按钮。
- 界面元素不添加渐变;玫瑰色面板是单个品牌资产,不是用于卡片、按钮或背景的可复制模式。
- NextBook 不使用 600+ 字重;体系只采用 300 和 400,更粗会破坏轻声而自信的语气。