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。
- 按钮或交互元素不要使用渐变、光晕或色调,系统哑光平面。
- 正文或产品描述不要居中,编辑语言以大量左边距左对齐。