Ssense 网站预览
Ssense 网站预览

Ssense

近白色基底、衬线字形与大字排版。

页面以近白色为基底,搭配近黑色文字。字体采用 JHA Times Now、Favorit SSENSE Inter。视觉特点包括衬线字形、大字排版、紧密字距、细线分隔。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 只使用七种中性色,没有强调色、品牌色,也不填充交互元素。
  • 展示标题采用 56-95px,字间距为 -0.033em 至 -0.047em,形成紧压的编辑分量。
  • 20px 衬线正文使用细线字重 100。纤细本身就是标志。
  • 所有组件圆角保持 0px。SSENSE 是锐利边缘系统。
  • 所有行动号召都采用 Ghost Outlined Button,即 1px 的 #000000 边框与透明填充。
  • 主要区块之间保持 64px 垂直间隔,相关元素之间保持 10-20px。
  • 编辑衬线标题 JHA Times Now 与无衬线正文 Favorit SSENSE Inter 配对。对比就是系统。

建议避免

  • 绝不添加彩色 CTA 按钮。系统没有主要操作色。
  • 任何界面元素的圆角都绝不大于 0px。
  • 38px 以上的编辑展示标题,绝不使用无衬线字体。
  • 任何元素字间距都绝不高于 normal,始终为负值或零。
  • 内容绝不放在 #ffffff 或 #f4f4f4 之外的表面上。
  • 绝不使用投影或悬浮效果。系统平面。
  • 除 11px 微型标签外,任何文字都绝不使用 600-700 的粗字重。