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 的粗字重。