Apple (España)

画廊展示场景在清晨雾气中
Apple 的产品页面视觉系统是一座近单色的空旷大教堂,其中负空间占据了主导地位,一个产品居中悬浮,上方是巨大的展示文字。画布以雾灰色 #f5f5f7 为主,其上叠加纯白色表面,整个色彩范围被压缩为一种精确的蓝色 (#0071e3),其存在唯一作用是让购买按钮亮起。排版承载了设计:SF Pro Display 字体,字重为 600,在 56–96px 字号时采用强烈的负字间距,营造出标题仿佛雕刻而非打字的感觉;正文文字大小为17–21px,保持极细的笔触,以让产品本身得以呼吸。组件被简化为基本几何形态——胶囊形按钮圆角半径为980px,圆角卡片为28px,无阴影,无装饰边框——因此图像与文字承担了全部情感表达工作。
查看原始网站使用规范
建议采用
- 购买/转化按钮必须独占使用 #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——严禁替换为衬线字体或装饰性字体