Forner 网站预览
Forner 网站预览

Forner

温暖的土质工坊——想象一个黄昏时分的陶艺工作室，每个表面皆为泥土、骨质或烘焙咖啡，唯一的金属感是陶艺师手写便签钉在墙上。

Forner 以阳光烘焙的设计工坊为基调：几乎全为暖土色系，单一定制无衬线字体承载 95% 的表达，字形巨大到舍弃层级而追求氛围感。画布为干奶油色；墨色为深烘棕；所有强调色均处于棕到骨的同色谱中。不存在品牌专属色——温暖本身即是品牌。表面平整，辅以细线边框，角落精确锐利至 4px，留白空间充裕（区块间间距不低于 100px）。定制衬线斜体偶有出现，作为手写注解，与无衬线字体的机械节奏形成微妙对照。

查看原始网站

使用规范

建议采用

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

建议避免

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

相似设计语言