Acne Studios 网站预览
Acne Studios 网站预览

Acne Studios

白色基底、大幅摄影展示与宽松留白。

页面以白色为基底,搭配近黑色文字。字体采用 Helvetica Monospaced Pro、Acne Studios (custom wordmark)。视觉特点包括大幅摄影展示、宽松留白、网格布局。适合参考的场景:品牌电商首页、商品展示页。

查看原始网站

使用规范

建议采用

  • 仅在文本链接、激活导航状态和图标笔画中使用 #0018a8,禁止作为填充按钮背景使用
  • 将正文与导航文字设为 10-11px 大写,字间距为 0.0330em,以契合标志性的编辑语调
  • 让产品与编辑图片横跨全视口宽度,相邻单元格间间距为 0px
  • 默认页面背景为 #ffffff,除非绝对必要,否则避免使用任何 带淡色的 表面
  • 保持卡片和图片的圆角为 0px——系统采用硬边以呈现印刷杂志页面的质感
  • 所有白色背景上的主要文字使用 21:1 对比度的 #000000;次要内容保留 #6b6b6b 以作真实辅助说明
  • 维持 60px 垂直区块间距和 30px 导航内边距作为结构节奏

建议避免

  • 禁止引入填充型CTA按钮、胶囊形状或圆角容器——这些会破坏编辑平面的美学风格
  • 禁止在产品卡片、导航或内容模块上添加 box-shadow;分离感仅来自留白
  • 禁止在界面元素中使用超出五色调色板的颜色——摄影本身提供全部色彩表现力
  • 禁止将文字尺寸设低于 9px,或在导航相邻标签中使用非大写形式,且必须带有字间距
  • 禁止居中正文内容或限制最大宽度——布局应满幅铺展,以营造杂志页面的沉浸感
  • 禁止在产品单元格中添加边框、分隔线或背景填充——它们必须相互渗透融合
  • 禁止将 #0018a8 用作装饰性插画颜色;该色仅保留于功能性交互状态