Everlane 网站预览
Everlane 网站预览

Everlane

白色基底、大幅图像展示与摄影展示。

页面以白色为基底,搭配近黑色文字。字体采用 Maison Neue Book、Maison Neue Demi。视觉特点包括大幅图像展示、摄影展示。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有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不要作为悬停状态、聚焦环或链接色;它严格只用于促销表面处理。