Ysl 网站预览
Ysl 网站预览

Ysl

深色基底、大幅摄影展示与单栏阅读排版。

页面以深色为基底,搭配近黑色文字。字体采用 Saint Laurent Wordmark (custom)、Helvetica Neue / Inter / system sans。视觉特点包括大幅摄影展示、单栏阅读排版、网格布局。适合参考的场景:品牌电商首页、商品展示页。

查看原始网站

使用规范

建议采用

  • 所有 UI 元素仅使用 #000000 和 #ffffff——禁止使用灰色、调色、基于不透明度的中性色,除非在摄影中以 100% 或 0% 不透明度呈现
  • 所有文本使用全大写,字间距在 1.0px 至 2.0px 之间——字间距体现奢华气质
  • 让摄影实现满幅溢出(100vw),无圆角,无边框,无叠加渐变
  • 保持品牌标志居中、裸露、无边框——绝不包裹在胶囊形、圆形或带边框的容器内
  • 所有交互反馈以颜色翻转(白↔黑)或不透明度降低表达,绝不使用阴影、边框高亮或填充变化
  • 仅使用 YSL 品牌标志作为唯一品牌标识——头部绝不将其与副标题或标语组合使用
  • 将卡片与区块的内边距保持为 0px;照片本身就是表面,而非容器

建议避免

  • 绝不引入任何色彩强调、品牌色或状态色——不存在成功用绿色、错误用红色、链接用蓝色
  • 绝不给任何元素添加阴影、投影、内阴影或发光效果——系统从设计上即为无阴影
  • 绝不给任何 UI 元素添加圆角——所有边角为方形,系统读作裁切纸张
  • 导航、副标或页脚中绝不使用大小写混合或句子式书写——全部为全大写
  • 品牌标志绝不置于有颜色或摄影背景的面板上,且不附带底形——它应悬停于负空间或直接位于图像之上
  • 导航或副标中绝不使用无衬线字体的显示粗度高于 400——克制是设计语言
  • 绝不向产品或编辑页面添加图标、徽章、标签或装饰元素——图像承载全部意义