Apple (España)
近白色基底、胶囊形控件与圆角卡片。
Apple (España)
白色基底、产品图像展示与胶囊形控件。
页面以白色为基底，搭配近黑色文字。字体采用 SF Pro Display、SF Pro Text。视觉特点包括产品图像展示、胶囊形控件、圆角卡片、大字排版。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 首屏区域标题使用 SF Pro Display 700 字重，字号在 80–96px 之间，字间距最大可设为 -1.44px —— 这种紧密的字间距是让Apple 标题显得具有建筑感的关键。
- 将区块背景在 #ffffff 与 #f5f5f7 之间交替，以创造视觉节奏，同时避免使用分隔线或边框。
- 所有卡片和产品图片的边框半径设为 28px——这是整个系统的标志性圆角，用以柔化整体风格。
- 仅将 #0071e3 用于填充型 CTA 按钮——绝不作为文本颜色，绝不作为装饰。内联链接使用 #0066cc。
- 胶囊按钮的半径设为 980px 或 9999px。方形或轻微圆角的按钮会破坏系统流畅的视觉感受。
- 正文使用 17px SF Pro Text 400 字重，字间距为 -0.022em —— 这是Apple 所有页面通用的阅读标准字号。
- 所有数字内容启用 "numr" 字体特性，使等宽表格数字的呈现保持一致。
- 在展示尺寸上保持紧凑的行高（1.04–1.07），在正文部分则放开至 1.47——这种对比在不增加字号的情况下建立了层级关系。
- 让产品图像承载色彩。UI 保持单色；MacBook、iPhone 或表面样张提供全部色彩表现。
建议避免
- 不要在卡片上使用阴影或层级效果。系统依赖画布颜色交替和 28px 圆角来建立层级。
- 不要引入超出 #0071e3 和 #0066cc 的强调色。即使橙色的「新品」徽章也最多每页使用一次。
- 不要将标题设置得小于 40px。Apple 系统的视觉风格依赖于大字号文字来营造其「留白大教堂」的氛围感。
- 不要用边框来分隔区块。改用画布颜色（#ffffff ↔ #f5f5f7）交替来实现。
- 不要将交互元素的圆角设置低于 10px。胶囊按钮和 28px 圆角是不可妥协的。
- 不要在UI表面添加装饰性渐变。复杂的色彩渐变属于产品渲染内部，不应出现在按钮或卡片上。
- 不要在正文文本或标题中使用低于 400 的字重，或在标题中使用低于 600 的字重。系统以清晰、厚重的语气表达。
- 不要为文本链接添加背景填充。仅使用颜色和箭头符号——绝不以方框包裹内联链接。
- 不要对正文段落进行居中对齐。Apple 的标题可以居中，但多行描述和辅助文本应左对齐。
