Apple (España)

近白色基底、胶囊形控件与圆角卡片。
页面以近白色为基底,搭配近黑色文字。局部操作控件以蓝色强调。字体采用 SF Pro Display、SF Pro Text。视觉特点包括胶囊形控件、圆角卡片、大字排版、紧密字距。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 购买/转化按钮必须独占使用 #0071e3 —— 严禁用于链接、图标或装饰元素
- 所有展示标题均使用 SF Pro Display 字重 600,行高 1.07;在 32px 时字间距收紧至 -0.005em,96px 时打开至 0.012em
- 分层表面依次为:雾画布 #f5f5f7 → 纯白 #ffffff → #e8e8ed 用于透明控件——禁止引入新的背景色
- 所有图像和卡片容器的边框半径设为 28px;胶囊按钮为 980px;芯片为 999px——任何地方均不得有锐角
- 正文文字设为 17px SF Pro Text 字重 400,颜色为 #1d1d1f 或 #707070;任何可见文字不得低于 12px
- 仅用于内联文本链接使用 #0066cc —— 无下划线,无背景填充,无按钮形状
- 所有产品视觉内容水平居中;标题块置于左下角,留出充足的负空间主导整体构图
建议避免
- 任何卡片或按钮均不得使用阴影、渐变或层叠效果——该系统设计为平面
- 不得引入超出虹彩光谱渐变的强调色——色彩方案为单色加一种蓝色
- 不得将标题设置低于 32px;该系统依赖巨大字号作为主要视觉元素
- 任何容器的圆角半径不得低于 18px——锐角不在词汇范围内
- 不得将 #0071e3 用于文字、边框或图标——仅作为按钮填充,用于转化时刻
- 不得在内容区块之间添加装饰性分隔线、规则线或分节线——空白空间是唯一的分隔
- 不得混合字体家族;展示类内容使用 SF Pro Display,正文使用 SF Pro Text——严禁替换为衬线字体或装饰性字体