Busy Bee Honey 网站预览
Busy Bee Honey 网站预览

Busy Bee Honey

深红色基底、大字排版与紧密字距。

页面以深红色为基底。字体采用 TayMakawao、Barkman Honey。视觉特点包括大字排版、紧密字距、满幅色块、扁平表面。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 巨型展示使用 90px 或以上,行高 0.80-0.82,字间距 -0.01em;任何高于正文的文字稍不够紧,标题就不再像广告牌字。
  • 每个主要操作都是 1000px 圆角胶囊,绝不只部分圆角。
  • 使用满幅 Dark Cocoa、Honeycomb Gold、Cornflower Blue 色区,区块间无间隙,颜色接缝就是布局。
  • 产品照片居中无框,绝不包在卡片内、加阴影或限制于一列。
  • 行动按钮填充与所在区块反色:金上深胶囊、深上金胶囊,绝不深上深。
  • 蓝色 #6aacc2 只用于跑马灯条带或细条,它是分隔色,而非表面。
  • barkmanhoney 65px 副标题留给区块第二重要的行,不要提升至 TayMakawao 展示文字之上。

建议避免

  • 不要引入投影、光晕或任何 z 轴浮起,系统刻意平面。
  • 展示文字行高不要 ≥ 1.0,紧密行高是标志,而非意外。
  • 首屏产品周围不要放卡片、边框或容器,瓶子直接在画布上。
  • 画布不要用白 #ffffff,奶油色 #f2ebd0 更暖且是刻意选择。
  • 不要用无衬线展示字体,系统只在紧缩衬线的手绘标牌态度下成立。
  • Sage Green #6fa162 不要用于文字或按钮,它只是跑马灯条带强调。
  • 满幅区块不要放进有侧沟槽的 max-width 容器,必须铺至边缘,否则失去广告牌质感。