Apple (España) 网站预览
Apple (España) 网站预览

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——严禁替换为衬线字体或装饰性字体