Afterglo 网站预览
Afterglo 网站预览

Afterglo

暖白色基底、大幅摄影展示与大字排版。

页面以暖白色为基底,搭配近黑色文字。字体采用 Aeonik、Cardinal Fruit。视觉特点包括大幅摄影展示、大字排版、扁平表面、衬线字形。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • Cardinal Fruit 衬线 54px+ 只用于编辑展示场景,每区块最多一次。
  • Aeonik 展示字号用紧行高:132px 标题 0.80,50-54px 区块标题 1.00,22px 正文 1.20。
  • 卡片、按钮、徽章和输入框统一 5px 圆角,这是系统唯一圆润姿态。
  • 每页默认背景象牙画布 #f3f2ec,#ffffff 只出现在产品摄影画框内。
  • 导航标签、按钮与品牌标记使用 Aeonik 500,正文和描述使用 400。
  • 页脚是唯一使用 #f68e6d 的表面,按钮、徽章或链接不要引入珊瑚强调。
  • 产品卡片是平面构图:白底图片、下方墨色文字,无悬停浮起、阴影或卡片自身边框。

建议避免

  • 粉蓝 #7faad2 不要作为行动入口或填充操作,它仅装饰,用于柔徽章和色层。
  • 卡片、按钮或图片不要应用投影,系统平面,深度来自文字与摄影。
  • 圆角只用 5px,系统唯一圆润姿态精确重复。
  • 大正文不要用纯黑 #000000,它留给细边框和最重展示场景,可读文字与按钮用 #131313。
  • Cardinal Fruit 衬线不要低于 33px,小字号失去编辑重量,33px 以下改为 Aeonik。
  • 按钮或交互元素不要使用渐变、光晕或色调,系统哑光平面。
  • 正文或产品描述不要居中,编辑语言以大量左边距左对齐。