Hey Low 网站预览
Hey Low 网站预览

Hey Low

近白色基底、紧密字距与扁平表面。

页面以近白色为基底,搭配深青绿色文字。局部操作控件以黄绿色强调。字体采用 UntitledSans、BoogyBrutPoster。视觉特点包括紧密字距、扁平表面、衬线字形、网格布局。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 主标题使用 UntitledSans 600 字体,字号在 43-62px 之间,字间距保持在 -2.19 至 -3.97px 之间,使字形形成紧密的块状,而非松散的文本。
  • 每条几何风格标题配以相同字号的斜体 BoogyBrutPoster 强调线条——这种对比是该站点的典型字体特征。
  • 使用翠绿小枝(#e6ffa3)作为填充式行动号召(CTA)背景,搭配森林墨水文字;切勿反向使用(深色填充配翠绿文字会显得偏离品牌调性)。
  • 卡片、按钮和图块的圆角保持 8px —— 不要增加到 12px 或 16px,轻微的锐利感是保持设计如同野外指南而非 SaaS 仪表盘的关键。
  • 主要区块之间纵向间距设为 56-80px,让空白区域承担结构功能;避免在区块间使用分隔线、线条或彩色条带。
  • 仅将鲜艳黄绿(#9bff48)用于插画填充或悬停光环,绝不可作为界面表面——该色彩过于刺眼,不适合界面元素。
  • 每个区块都以带圆点前缀的12px Forest Ink眉题标签锚定,这是贯穿页面的一致导航节奏。

建议避免

  • 切勿为卡片或按钮添加盒阴影——设计本意是扁平的,任何抬升都会破坏植物纸张的美学氛围。
  • 切勿在任何位置引入渐变;色彩调性刻意保持扁平,唯一的‘色彩变化’应来自手绘插画。
  • 切勿在标题或导航中使用 Sage Dust(#52756e)或 Pine Shadow(#33544c)——这些是用于正文的柔和配色,大字号下会显得灰暗无光。
  • 切勿在任一可见区块内放置超过一个翠绿小枝 CTA;若重复出现,该强调效果将失效。
  • 切勿对首屏区域插画容器使用标准圆角——有机形状应自由漂浮,不应被裁剪进圆形或圆角方形中。
  • 切勿使用无衬线字体来呈现斜体强调语句;BoogyBrutPoster/衬线斜体的对比才是让几何标题显得有目的性的关键。
  • 切勿将宽度超过 480px 的正文段落居中对齐——长行锁定是杂志阅读节奏,而非网页内容的常规宽度。