Erno Forsström 网站预览
Erno Forsström 网站预览

Erno Forsström

浅灰色基底、紧密字距与细线分隔。

页面以浅灰色为基底,搭配近黑色文字。字体采用 NB Akademie Pro。视觉特点包括紧密字距、细线分隔、分屏构图、网格布局。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有文本元素使用NB Akademie Pro(或Inter作为替代)字重400——绝不引入第二字重或第二字体家族
  • 将首屏标题设为58px,行高0.93,字间距-2.9px,使行距在物理上重叠
  • 保持底色为#dfdcdc,墨色为#202020——温暖的米白是品牌选择,而非退而求其次的方案
  • 让项目图片与内容栏完全贴边呈现:零圆角,零边框,零阴影
  • 使用1px细线分隔符,颜色为#cdcecf,而非背景色变化或额外的空白带
  • 使用21px正文字号用于导航、标签、标题及元数据——层级关系通过尺寸跳跃(21 → 43 → 58)构建,而非字重或色彩
  • 全局启用表格数字("tnum"),使年份标签和日期在小数点对齐

建议避免

  • 不要添加CTA按钮、彩色强调、或填充背景——该系统没有主要操作表面
  • 不要对项目卡片进行圆角处理、添加阴影或任何抬升效果
  • 不要引入第二种字体、衬线字体搭配,或NB Akademie Pro的其他字重版本
  • 不要使用白色(#ffffff)作为底色——#dfdcdc是标志性的温暖纸张色调
  • 不要在21 / 43 / 58三种字号之间插入中间值,各字号间的差距即为层级关系
  • 不要默认下划链接——仅在悬停/激活状态时使用#202020的底边来提示交互
  • 不要添加渐变、彩色徽章、标签或状态胶囊——该系统严格限定为双色