ARTU 网站预览
ARTU 网站预览

ARTU

白色基底、渐变展示与细线分隔。

页面以白色为基底,搭配红色文字。字体采用 HelveticaNeuePro。视觉特点包括渐变展示、细线分隔、大幅摄影展示、宽松留白。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 整个网站只使用一个字体家族HelveticaNeuePro,或Neue Haas Grotesk替代字体,以及唯一400字重。
  • 所有导航和页脚文字都采用全大写,正字间距0.014–0.024em。
  • #d7ff66保留给页脚横带或唯一的结束表面,绝不要散布整个页面。
  • 所有分区分隔和图像边框都采用1px solid #000000细线。
  • 产品摄影以0px圆角铺满视口,不叠加文字或CTA。
  • 每张图像、每个卡片、按钮和标签都保持0px border-radius;锐利感就是品牌。

建议避免

  • 不要引入第二种字重、衬线或展示字体;400 Helvetica就是系统。
  • #ff1313不要用于正文、标题或CTA;白色上的3.9:1对比度正是要点,它只属于细装饰描边。
  • 不要添加投影、渐变或玻璃效果;网站刻意保持平面。
  • 任何元素都不要使用圆角,图像、按钮和标签都一样。
  • 不要用青柠绿填满页面;它只出现在收尾页脚横带中。
  • 不要添加吸顶页眉、侧栏或弹窗;布局是一条连续的画廊滚动页面。
  • 不要用大小写混排菜单项或句首大写标题,打破全大写导航惯例。