Franco Maria Ricci Editore 网站预览
Franco Maria Ricci Editore 网站预览

Franco Maria Ricci Editore

近白色基底、细线分隔与宽松留白。

页面以近白色为基底,搭配近黑色文字。字体采用 BodoniSvntytwoITCStd-Book、BodoniSvntytwoITCStd-BookIt。视觉特点包括细线分隔、宽松留白、衬线字形、网格布局。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • Burnished Gold(#bc9c5c)仅用作 1px 描边,如分区标题下划线、链接悬停线和装饰标题边框,不作填充。
  • 展示标题采用 42px Bodoni 400、0.95 行高;紧凑行高让高挑大写字母锁成单一文字块。
  • 编辑装饰采用斜体 Bodoni,包括字标副标题、分区开篇和安静旁注;正体 Bodoni 承载主体,斜体加以点缀。
  • 三列书籍网格以贯穿列高的 1px #000000 竖线分隔;间距和内边距不能替代线条,分隔线就是建筑结构。
  • 所有圆角保持 0px;边角尖锐,柔和来自字体和留白,而非曲线。
  • 基础画布使用 #f6f6f6,而非 #ffffff;暖米白避免 Bodoni 显得冷硬,让体系保持印刷目录语气。
  • 每个操作都用带细线底边框的文字表达;“{ ORDER NOW }”等括号标记可作为主要操作的编辑约定。

建议避免

  • 不引入投影、模糊或发光;体系扁平,抬升来自色调。
  • Burnished Gold(#bc9c5c)不用于按钮、徽章或表面背景填充,只作为描边色。
  • 任何边角都不变圆,按钮、卡片、输入框和图像均保持 0px。
  • 不使用辅助强调色;色板为单色加一种金,红、蓝或绿会破坏凸版印刷纪律。
  • 标题或编辑文案不使用 Arial;Arial 留给分页计数、表单标签与工具元信息。
  • 42px 展示标题的 line-height 不超过 0.95;紧凑行高是标志性特征,而非疏忽。
  • 不加悬停动画、过渡或微交互;页面像印刷目录,运动会破坏隐喻。