Fidèle Editions 网站预览
Fidèle Editions 网站预览

Fidèle Editions

暖白色基底、紧密字距与大幅摄影展示。

页面以暖白色为基底,搭配蓝色文字。字体采用 Arial、BaselGrotesk。视觉特点包括紧密字距、大幅摄影展示、网格布局。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 每屏页面画布使用 #f8f7ef,基础背景绝不替换为 #ffffff。
  • 展示文字 62px,行高 0.92,字间距 -0.049em,字符必须近乎相触,才像印刷而非渲染。
  • 正文与标签 14–16px,字间距 +0.043em 至 +0.067em,宽字间距是编辑声音的一半。
  • Fidèle Blue #1664eb 用于文字、公告栏、导航链接、星号与轮廓操作,只有一种墨,以响亮方式使用。
  • 所有圆角保持 0–4px,页面应像裁纸,而非圆角界面卡片。
  • 产品网格浮在 Paper White 上,无卡片背景;每张产品图周围的 1px 白边框是唯一画框。
  • 照片条带、首屏等图片区块满幅,无圆角、覆盖层或图注,让摄影承担表达。

建议避免

  • 不要引入投影、内阴影或光晕,系统刻意平面,像纸而非玻璃。
  • 不要使用 Fidèle Blue、Lighter Press Blue、Link Blue 之外的彩色,奶油与蓝的双色调就是完整色板。
  • 主要操作不要用实色填充按钮,系统主要控件是 Fidèle Blue 轮廓操作。
  • 展示文字不要用 1.2–1.5 的宽松行高,压缩的 0.92 是标志,而非默认。
  • 卡片、图片或标签圆角不要超过 4px,更圆会破坏印刷纸材比喻。
  • 不要添加渐变、纹理或噪点,表面只有平面纯色。
  • 页面背景不要用 #ffffff,必须保持暖 Paper White #f8f7ef,以保留编辑暖意。