AATHER

白色基底、大幅摄影展示与细线分隔。
页面以白色为基底。字体采用 Gestura Text Extra Light、Gestura Text。视觉特点包括大幅摄影展示、细线分隔、单栏阅读排版。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有正文与标题文本使用字重100或200——除法规文本外,绝不使用400以上字重。
- 所有 Untitled Sans 实例的字间距设为0.036–0.056em;由字间距完成奢华感。
- 在使用按钮前,先使用1px黑色下划线——下划线文本链接是系统的首要交互动作。
- 所有圆角元素使用2px边距;禁止使用更大圆角。
- 由摄影提供全部温暖与色彩;UI配色保持纯单色。
- 在页眉中居中放置标志,并将导航视为三栏编辑版式。
- 各区块之间使用1px细线墨色规则(#000000)分隔,而非背景色调变化。
建议避免
- 禁止使用带有背景的填充矩形按钮——唯一可识别的行动号召是下划线文本链接。
- 系统内任何位置均不可使用粗体或中粗字重(500–800)。
- 禁止添加阴影、光晕或立体效果——所有表面保持平面。
- 禁止使用大于2px的圆角;锐利的边角是品牌编辑克制的一部分。
- 禁止为UI元素添加色彩强调——#dec39d仅存在于摄影中。
- 禁止在页眉中左对齐标志;居中是不可妥协的。
- 禁止在背景中添加渐变、纹理或噪点;画布必须读作平整纸张。