Jakub Reis 网站预览
Jakub Reis 网站预览

Jakub Reis

如同骨白纸上的画廊墙,每个屏幕都是安静白房间,只存在文字与摄影。

Jakub Reis是一份由文字驱动的作品集:骨白画布、唯一低语般轻字重定制无衬线,以及承载系统拒绝提供的每一滴色彩的摄影。网站像印刷展览目录,只有姓名、领域和带框作品网格,没有其他内容。层级完全通过字号、仅300与400的字重,以及区块之间充裕负空间建立,没有按钮、徽章、边框、阴影或渐变。标志性特征是克制,连介绍段落中的客户名称分隔符都用波浪号(~),而非圆点、竖线或逗号,整个UI都延续这一排版个性选择。组件基本只是附于满幅图像的文字标签,设计系统以消隐为目的,让作品发声。

查看原始网站

使用规范

建议采用

  • 只使用Degular 300和400,绝不引入500、600或700。
  • 16–18px正文采用0.033em字间距,30–50px展示文字0.056em;大文字中的正字间距不可更改。
  • 唯一背景为#f8f8f8,唯一文字色#000000,没有额外中性色或灰色文字。
  • 任何姓名、技能或分类列表,都以两侧各一个空格的波浪号(~)分隔。
  • 作品集项目之间80px,图像与说明之间20px;这两个值就是全部纵向节奏。
  • 图像是色彩、纹理和视觉分量的唯一来源,UI必须在排版上保持单色。
  • 项目标题为Degular 400、24px,分类标签为Degular 400、16px;内容块只使用这两种字号。

建议避免

  • 不要添加按钮、徽章、带背景标签或任何填色容器。
  • 任何元素都不要使用阴影、边框或圆角,平面感就是系统。
  • 不要引入第二种字体、等宽字体或衬线后备字体。
  • 交互状态不要采用彩色,悬停、聚焦和激活只通过例如0.6的不透明度或下划线表达。
  • UI元素不要添加渐变、背景图像或装饰SVG图案。
  • font-weight不要采用500或以上,系统最大字重400。
  • 展示字号不要为匹配常规标题惯例而收紧字间距,50px时0.056em是标志性特征,而非错误。