Aevi Wellness 网站预览
Aevi Wellness 网站预览

Aevi Wellness

白色基底、胶囊形控件与细线分隔。

页面以白色为基底,搭配近黑色文字。字体采用 Primary Font、Tertiary Sans。视觉特点包括胶囊形控件、细线分隔、摄影展示、居中构图。适合参考的场景:品牌电商首页、商品展示页。

查看原始网站

使用规范

建议采用

  • #a3bfdb只用于主要操作按钮,绝不作为装饰填充、文字色或大背景。
  • 所有标题采用300字重,行高1.08至1.11,绝不加粗标题。
  • 60px圆角只用于主要胶囊按钮,卡片、输入框和无填充按钮等其他元素都采用2px。
  • 分区通过#d5e0ea背景横带和1px #231f20细线分隔,而非阴影或大边距。
  • 产品摄影从边到边填满容器,不用留白给产品图像加内边距或框架。
  • 调色板95%+保持无彩色,任何彩色都必须承担操作或激活状态等功能,装饰色会稀释编辑式语气。
  • 4px是基础间距单位,所有间隙都取4的倍数,即4、8、16、24、32、48。

建议避免

  • 不要引入第二种强调色,系统由无彩色中性色上的唯一低饱和蓝建立。
  • 任何元素都不要使用阴影、辉光或模糊,抬升理念只有细线边框。
  • 除60px主要胶囊按钮外,任何元素的border-radius都不要大于2px。
  • 标题不要采用400或更高字重,300是系统语气,更重字重会破坏编辑式表达。
  • 图标、链接或悬停状态不要使用鲜亮饱和色,全部交互附属元素保持既定调色板。
  • 产品摄影不要加宽栏间距或容器框架,图像应铺满边缘。
  • 卡片不要使用彩色或填充背景,卡片表面始终为#ffffff加1px边框。