Shupatto
白色基底、宽松留白与居中构图。
Zara
白色基底、渐变展示与衬线字形。
页面以白色为基底，搭配近黑色文字。字体采用 Helvetica Now Text。视觉特点包括渐变展示、衬线字形、分屏构图、非对称构图。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 每个组件都使用0px圆角，包括按钮、输入框、卡片、徽标和图片；系统刻意保持锐利直角。
- 色板限定为三个取值：#000000用于文字与边框，#ffffff用于表面，#757575用于次要文字，不增加其他颜色。
- 正文字号设为11–13px，以保持编辑印刷品的尺度；更大的字号会破坏杂志布局感。
- ZARA字标（定制Didone衬线字体）是唯一的展示或装饰字体，绝不将它用于标题或UI标签。
- 让编辑摄影占据任何布局的50–60%；影像是内容，形式只是画框。
- 所有交互元素使用#000000、1px极细边框，线条粗细就是视觉语言。
- 保持充裕留白：区块之间48px，表单元素之间20px，外侧内边距112px。
建议避免
- 不要引入三种中性色以外的任何颜色，不使用品牌强调色、语义色或悬停色调。
- 任何元素都不要使用圆角，即便2–4px圆角也会破坏系统。
- 不要应用阴影、渐变或辉光效果，设计完全平面化。
- 不要使用粗体（700+）字重，系统只使用300–400。
- 正文不要使用大于16px的字号；压缩的字号尺度是标志性选择。
- 不要添加图标、徽标、标签或装饰性UI元素，界面只呈现内容。
- 正文或表单标签不要居中对齐；所有内容左对齐，并使用大写区块标题。
