Everlane 网站预览
Everlane 网站预览

Everlane

如同原生亚麻上的极简工坊,白墙、裸露建筑,以及唯一鼠尾草绿色光带。

Everlane像一本极简编辑式时装目录:几乎完全无彩色的调色板,唯一柔和鼠尾草强调只用于促销紧迫感,Maison Neue几乎全部以全大写和宽字间距呈现。摄影承担几乎全部视觉分量,满幅编辑式照片与紧密裁切的产品图像置于白色画布上,没有装饰、阴影或界面附属元素。文字是唯一装饰,宽字间距全大写标题悬浮于图像上,正文保持极少和安静。组件剥离到必要形式,细文字链接、直角产品图块,没有按钮、卡片或面板。结果更像被转化到屏幕的印制造型画册,而非店面。

查看原始网站

使用规范

建议采用

  • 所有UI文字采用Maison Neue Book,或Inter替代字体,字重400;700只保留给行内强调,绝不用于独立标题。
  • 每个标签、导航项、产品名称和标题都采用全大写与0.033-0.067em字间距;这是系统标志性特征。
  • Pistachio Wash(#d9e9bb)只用于顶部促销栏,绝不用于按钮、卡片或分区背景。
  • Text Link CTA模式是唯一交互组件,即带下划线的12px全大写文字,不采用填充或描边按钮。
  • 所有角都保持锐利,卡片、按钮、图像、输入框和标签均为0px圆角;圆角会破坏编辑式印刷美学。
  • 首屏和编辑式分区中的摄影铺满整个视口宽度,没有max-width容器或图像周围栏间距。
  • #c8c0b8(Linen)是编辑式品牌故事横带唯一的暖色表面,其余保持白色或无彩色。

建议避免

  • 不要引入彩色按钮、徽章或填充CTA;系统没有主要操作色,也永远不应有。
  • 卡片、图像或产品图块不要添加drop-shadow、box-shadow或任何抬升,表面平直贴合。
  • 任何元素都不要使用圆角;整个系统的0px圆角不可更改。
  • 正文只使用400字重;加粗正文会破坏克制的编辑式语气。
  • 不要用颜色建立层级,改用字号、字间距和大小写对比。
  • 分区之间不要添加装饰分隔线、装饰线条或图形点缀,依靠留白与Linen表面变化。
  • Pistachio Wash不要作为悬停状态、聚焦环或链接色;它严格只用于促销表面处理。