How Many Plants 网站预览
How Many Plants 网站预览

How Many Plants

暖白色基底、大字排版与错落拼贴。

页面以暖白色为基底,搭配近黑色文字。字体采用 Chromatica、Hellenictypewriter。视觉特点包括大字排版、错落拼贴、扁平表面、分屏构图。适合参考的场景:内容网站首页、编辑专题页。

查看原始网站

使用规范

建议采用

  • Golden Olive(#bfb33b)是唯一饱和品牌色;绝不要在插画、边框或阴影中引入第二种鲜亮色相。
  • 每个芥末色边框元素都采用6px 6px 0px的Golden Olive硬偏移阴影;不要替换为带模糊的投影。
  • 展示文字采用Chromatica 36px和0.89行高,让字母叠成紧凑、架子高度的横带,而非宽松标题。
  • 链接以Dusty Lavender(#e8d1eb)的波浪SVG描边加下划线,绝不用text-decoration: underline。
  • 所有圆角都保持0px;系统是清晰边缘的纸张,而非圆润数字表面。
  • 保持64px分区内边距和32px分区间隙,以保留宽敞的编辑式节奏。
  • Chromatica几何展示字体与Hellenictypewriter机械式次级字体配对,建立标题与正文的对比。

建议避免

  • 任何元素都不要添加柔和投影、模糊效果或渐变叠加层。
  • 卡片、按钮、标签页或图像不要采用圆角;0px圆角是不可更改的要求。
  • 不要引入第二种饱和彩色;调色板只有奶油色、黑、金、薰衣草和青绿,没有更多颜色。
  • 展示文字不要采用1.2+的宽松行高;0.89行距让字母与插画相互咬合。
  • 链接不要使用直线下划线,始终采用薰衣草色波浪处理。
  • 画布不要填为纯白(#ffffff);温暖奶油色(#f9f5f1)是背景,必须保持可见。
  • 插画不要放在白色或中性灰面板上;插画始终直接置于奶油色画布上。