Favorit Studio 网站预览
Favorit Studio 网站预览

Favorit Studio

白色基底、大字排版与衬线字形。

页面以白色为基底。字体采用 Favorit Times、TWKLausanne。视觉特点包括大字排版、衬线字形、大幅摄影展示、单栏阅读排版。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 展示标题采用Favorit Times 179px和-0.025em字间距;字号与负字间距都与品牌不可分割。
  • 从14px到189px的每个字号都只使用TWKLausanne 400字重,绝不要引入粗体或中等字重。
  • 照片以0px圆角、无边框的形式一直铺到视口边缘;图像本身就是布局。
  • 内容块之间严格以46px留白分隔,让页面像印刷跨页一样呼吸。
  • 所有彩色都留给摄影,UI本身必须保持#ffffff上的纯#000000。
  • Favorit Times衬线用于具有编辑式戏剧感的时刻,TWKLausanne无衬线用于所有实用内容;绝不要在同一行中混用。
  • 需要控件时,采用1px的Ink透明描边、16px内边距和0px圆角,没有填充或阴影。

建议避免

  • UI元素绝不要添加彩色、渐变或阴影;单色纸上墨迹的纪律就是品牌。
  • 图像、卡片或按钮绝不要使用圆角;0px是唯一圆角值。
  • 绝不要使用粗体或半粗体字重;整个系统以400字重表达,只通过字号与字体家族区分。
  • 正文或导航文字绝不要采用衬线字体;TWKLausanne是唯一的实用语气。
  • 摄影内容周围绝不要添加可见边框、分隔线或卡片;图像之间的留白是唯一分隔。
  • 绝不要使用图标、插画或装饰图形;网站只采用文字与摄影。
  • 没有实色处理时,绝不要将文字直接放在照片上;文字始终存在于白色画布上。