Advene 网站预览
Advene 网站预览

Advene

浅灰色基底、等宽文字标注与分屏构图。

页面以浅灰色为基底,搭配近黑色文字。字体采用 Signifier、Pitch。视觉特点包括等宽文字标注、分屏构图、大幅图像展示、衬线字形。适合参考的场景:品牌电商首页、商品展示页。

查看原始网站

使用规范

建议采用

  • 页面背景设为 Parchment Stone #dfe0db,基底画布绝不用纯白,暖灰让色板具有编辑感。
  • 所有正文散文用 Signifier 18px、行高 1.5,14px 只用于界面标签。
  • 主要首屏行动按钮用 41px 胶囊圆角,次要轮廓按钮用 20px,双圆角系统建立清晰视觉层级。
  • 编辑区块标题在同一标题内配正体与斜体,如“The Age Bag: / Our Award-Winning Classic”。
  • 所有微标签、图注与公告栏用 Pitch 11px、字间距 0.064em,等宽让小文字像排版而非默认。
  • 首屏照片是满幅边到边面板,而非有内边距的容纳式卡片。
  • 半色调圆点滤镜用于编辑或叙事图片,不用于产品目录照片。

建议避免

  • 卡片、按钮或导航不要加投影,深度只来自表面色彩变化。
  • Cobalt #007aff 不要作为背景填充,它只用于轮廓操作边框。
  • Signifier 正文或标题不要粗字重 700,400 配斜体是系统强调机制。
  • 不要引入第二衬线或无衬线正文字体,整个散文系统是 Signifier 三个字号。
  • 产品图片不要放在圆角容器里,产品摄影始终尖角满幅。
  • 主要文字不要用 Ash #808080,它只用于非激活状态和弱化元数据。
  • 区块不要用可见分割线或细线分隔,依靠充足留白与表面色变化。