AATHER 网站预览
AATHER 网站预览

AATHER

摊开手掌,一缕火焰——静谧奢华藏于静止之中。

AATHER 作为一家编辑型烛光工作室,以近乎全黑的单色呈现:白色画布、黑色墨水、细分隔线,以及摄影承担所有情感表达。界面本身极为简朴,几乎隐形——所有排版决策均以轻声(字重100–200)和空气感(字间距0.036–0.056em)为基准,因此界面读起来更像时尚杂志版式,而非店铺陈列。UI配色中从不注入温暖感;取而代之的是单一沙色表面(#dec39d)和满幅编辑摄影,传递品牌的手感与手持氛围。组件被简化为最本质的形式:带有细线下划的文本链接替代按钮,2px圆角拒绝装饰,居中的标志导航直接借鉴印刷编辑惯例。

查看原始网站

使用规范

建议采用

  • 所有正文与标题文本使用字重100或200——除法规文本外,绝不使用400以上字重。
  • 所有 Untitled Sans 实例的字间距设为0.036–0.056em;由字间距完成奢华感。
  • 在使用按钮前,先使用1px黑色下划线——下划线文本链接是系统的首要交互动作。
  • 所有圆角元素使用2px边距;禁止使用更大圆角。
  • 由摄影提供全部温暖与色彩;UI配色保持纯单色。
  • 在页眉中居中放置标志,并将导航视为三栏编辑版式。
  • 各区块之间使用1px细线墨色规则(#000000)分隔,而非背景色调变化。

建议避免

  • 禁止使用带有背景的填充矩形按钮——唯一可识别的行动号召是下划线文本链接。
  • 系统内任何位置均不可使用粗体或中粗字重(500–800)。
  • 禁止添加阴影、光晕或立体效果——所有表面保持平面。
  • 禁止使用大于2px的圆角;锐利的边角是品牌编辑克制的一部分。
  • 禁止为UI元素添加色彩强调——#dec39d仅存在于摄影中。
  • 禁止在页眉中左对齐标志;居中是不可妥协的。
  • 禁止在背景中添加渐变、纹理或噪点;画布必须读作平整纸张。