jun.works 网站预览
jun.works 网站预览

jun.works

白色基底、分屏构图与紧密字距。

页面以白色为基底,搭配近黑色文字。字体采用 Standard、Times。视觉特点包括分屏构图、紧密字距、衬线字形、网格布局。适合参考的场景:设计作品集、创意服务介绍页。

查看原始网站

使用规范

建议采用

  • 每个交互元素使用 129.6px border-radius,不使用矩形或轻微圆角。
  • 所有展示文字采用 Standard,45–54px,letter-spacing 为 -0.045em 至 -0.054em。
  • 正文使用 Times 衬线字体,行高约为 ~1.70,为编辑排版留出呼吸空间。
  • 所有内容锚定左边缘,不居中,也不使用 max-width 容器。
  • 列表项用长破折号(—)作前缀,不使用项目符号或数字。
  • 所有边框、文字和轮廓使用 #000000,不引入彩色。
  • 所有背景保持 #ffffff;通过 1px 黑色边框定义形状,而非填充。

建议避免

  • 不要添加彩色,包括强调色、绿/红/黄语义色或品牌色。
  • 不要使用 box-shadow 或抬升效果;深度来自边框定义,而非阴影。
  • 任何元素的 border-radius 都不要低于 129.6px。
  • 不要把展示文字加粗;Standard 只提供一种字重(400),这种克制就是体系本身。
  • 正文不要使用无衬线字体;衬线与无衬线的分工是结构要求,而非可选项。
  • 标题或正文段落不要居中。
  • 不要添加图像、摄影或插画;页面仅由文字排版与标签几何构成。