Forner 网站预览
Forner 网站预览

Forner

暖白色基底、细线分隔与扁平表面。

页面以暖白色为基底，搭配深橙色文字。字体采用 Surt、ClashDisplay。视觉特点包括细线分隔、扁平表面、衬线字形、居中构图。适合参考的场景：创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 所有文本使用 Surt 字重 400——无粗体、无轻体、无中等字重。字号与字间距共同构建层级，而非字重。
  • 在 45px 及以上所有展示字号中，行高设定为 0.98-1.10——压缩堆叠是其标志性特征。
  • 页面画布使用 #faf5eb，卡片表面使用 #ecece4——两步由暖到冷的渐变是唯一的视觉提升信号。
  • 保持区块间垂直间距不低于 100px；让负空间分隔内容，而非用线条划分。
  • 所有边框圆角统一设为 4px——系统保持锐利，而非柔和。
  • 每页仅使用 BigDailyShort 斜体 1-3 次——其稀缺性赋予其作为签名注解的权威性。
  • 所有交互元素均以 #484036 为描边或透明描边；绝不引入色彩动作色。

建议避免

  • 不使用粗体或中等粗体字重——系统仅有一声（常规 400）适用于所有字号。
  • 不使用投影或内阴影——视觉层次来自色调表面变化，而非模糊偏移。
  • 不使用纯白（#ffffff）或纯黑（#000000）——整个配色体系存在于暖棕到骨的色谱中。
  • 不引入强调色（无蓝色、红色、绿色或任何品牌色彩）——色彩饱和度控制在 5%。
  • 不使用大于 4px 的圆角——不使用胶囊形控件，不使用大圆角，不使用‘友好’曲线。
  • 不将展示行高设高于 1.10——充足的间距会破坏压缩编辑节奏。
  • 不将 BigDailyShort 斜体用于导航、正文或按钮——它仅为注解用途，一旦过度使用将完全失去意义。

相似设计语言