Apple (España)
近白色基底、胶囊形控件与圆角卡片。
Apple (España)
近黑色基底、大幅摄影展示与视频展示。
页面以近黑色为基底。局部操作控件以蓝色强调。字体采用 SF Pro Display、SF Pro Text。视觉特点包括大幅摄影展示、视频展示、大字排版、紧密字距。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 使用#0071e3填充、#ffffff文字、9999px圆角，专用于主要购买操作——绝不引入第二个色彩按钮
- 所有首屏和区块标题的显示字号设定在56至80px之间，使用SF Pro Display 600字重，字间距为-0.015em至-0.005em
- 为所有卡片、产品查看器及轻量表面容器设置28px的边框圆角——此单一圆角定义了系统的柔和感
- 正文使用17px SF Pro Text 400字重，行高1.47，字间距-0.022em，作为通用段落规范
- 保持页面整体为纯黑色（#000000），不使用渐变或纹理——由产品摄影提供全部视觉温度
- 任何需要叠加在摄影背景上的浮动UI元素，使用rgba(66,66,69,0.72)搭配backdrop-filter blur(20px) saturate(1)
- 导航文字保持80%白灰度（等效于#cccccc）12px 400字重——全白导航在黑色栏底会显得过于激进
建议避免
- 除#0071e3外，绝不使用其他辅助色作为操作按钮——蓝色被严格控制，禁止用绿色、橙色或紫色作为CTA
- 绝不为卡片或按钮添加阴影——系统通过颜色和圆角定义层级，阴影会显得廉价
- 绝不使用700字重——系统最高为600，因为700在负字间距下读起来显得急迫
- 绝不将标题设置低于28px——尺度从28px的副标题开始并递增；小而粗的文本不在系统词汇中
- 绝不为交互元素设置低于10px的圆角——仅限胶囊形控件（9999px）、卡片（28px）和链接（10px）有曲线
- 绝不将#0066cc用作按钮填充——该色仅用于链接文本；若用于按钮会混淆操作层级
- 绝不为文本块或内容区域添加背景渐变——渐变仅保留用于标签徽章和装饰性产品图像
