Shupatto
白色基底、宽松留白与居中构图。
COS
浅色基底、大幅摄影展示与细线分隔。
页面以浅色为基底，搭配近黑色文字。字体采用 SuisseIntl。视觉特点包括大幅摄影展示、细线分隔、宽松留白、单栏阅读排版。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 每个按钮、卡片、输入框和模态框圆角 0px，方正是品牌几何。
- 任何屏幕 #c80000 用于少于 2% 像素，必须像标点，而非装饰。
- SuisseIntl 700 只用于分类宣言和区块标题，500 用导航和按钮，400 用正文，字重阶梯是完整层级。
- 主要编辑条带上下内边距 135px，组件内部节奏 8–24px。
- 表面以留白和 #dadada 的 1px 细线分隔，绝不用 box-shadow 或彩色填充。
- 摄影满幅边到边，产品影像绝不包在带内边距与边框的卡片里。
- 字间距为正，12px 时 0.01em，放大至 35px 时 0.04em，大字号更宽字间距使标题像画廊墙文。
建议避免
- 任何组件不要引入渐变、投影或模糊，系统刻意平面。
- 按钮、输入框或卡片不要圆角，0px 不可妥协。
- 红强调不要用于主要行动按钮、悬停或按钮填充，留给错误或推广的低声场景。
- 不要添加第二字体家族，SuisseIntl 独自承担 12px 标签与 35px 标题。
- 文字不要放在带背景的边框卡片内，直接浮在白色或摄影上。
- 产品卡片不要添加图标、徽章或快捷操作覆盖，图片就是产品。
- 页脚或模态框不要用饱和背景，以 #080808 反色，让 #ffffff 完成表达。
