Josephmark 网站预览
Josephmark 网站预览

Josephmark

午夜编辑画廊。单色墙面,暖色聚光灯,超大无衬线字体漂浮于负空间中。

Josephmark 像一座展示数字工艺的午夜编辑型画廊:以深色为主的画布,超大号 Scto Grotesk 采用紧密排版和强烈的负字间距;几乎完全无彩色的配色中,唯一温暖的灰褐色(#a9a498)提供色彩缓冲。系统重克制、轻装饰:平坦表面、细线边框、胶囊形按钮、零阴影;文字依靠尺寸和字重,而非色彩承担主要表现力。屏幕在深炭灰舞台与奶油色纸张插页之间交替,形成暗色空旷与安静温暖的节奏。内容可以鲜明张扬,包括案例图像、橙色的 RCA 作品和 Walking Dead 插画;围绕内容的界面外围元素则几乎不可见,像博物馆墙面,而非网站的外围装饰。

查看原始网站

使用规范

建议采用

  • 所有展示与标题尺寸均使用 Scto Grotesk A 字体 300 字重——轻量级是其标志,而非降级方案
  • 保持一致的负字间距:在展示尺寸(70px)时为 -0.035em,按比例缩放至说明文字(12px)时为 -0.019em
  • 采用全铺满区块,而非受限于最大宽度的布局——让深色画布延伸至视口边缘
  • 以 #000000 和 #f4f5ef 作为两个主要画布颜色,交替使用以形成区块节奏
  • 交互元素定义为 1px 边框和 9999px 半径——胶囊形状是唯一的按钮形态
  • 正文文字设定为 16px/1.38,深色背景使用 #ffffff,浅色背景使用 #4e5449
  • 内容区块间以 1px #e5e7eb 细线分隔,绝不使用阴影或背景填充

建议避免

  • 除单一暖棕(#a9a498)外,不得引入任何其他色彩——该系统的强大之处在于其仅 1% 的色彩性
  • 不得添加阴影、光晕或任何投影效果——此系统严格保持平面性
  • 卡片、图片或容器不得使用圆角——仅按钮有圆角(至 9999px)
  • 文字不得居中——所有内容均左对齐,遵循编辑栏逻辑
  • 不得使用粗体字重(600 及以上)进行强调——字重序列从 300 → 400 → 500,强调来自尺寸与色彩,而非字重
  • 不得添加图标系统或装饰性图形——仅文字与摄影为视觉元素
  • 不得将 #ffffff 用作区块背景——仅作为表层出现在表单内,或作为深色背景上的文字颜色