Apple (España)
近白色基底、胶囊形控件与圆角卡片。
Nike.com
白色基底、胶囊形控件与圆角卡片。
页面以白色为基底。字体采用 Helvetica Now Text Medium、Helvetica Now Text。视觉特点包括胶囊形控件、圆角卡片、大字排版、细线分隔。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 仅使用单色调板：Obsidian（#111111）、Paper White（#ffffff）、Concrete Gray（#e5e5e5）、Soft Mist（#f5f5f5）和Steel（#707072）。UI 中不使用强调色——产品摄影提供所有色彩表现。
- 所有交互按钮的边框半径统一设为 30px 以形成胶囊形状；这是系统中唯一的按钮几何形态。
- 导航链接、按钮标签和产品名称使用 Helvetica Now Text Medium 16px 作为默认字体；正文文本字号不得高于 20px 或低于 12px。
- 让产品摄影以边缘到边缘的方式填满容器，不使用圆角和边框——影像即设计，而非被框起的元素。
- 首屏标题独占使用 Nike Futura ND 76px，行高锁定为 1.0；较小标题使用 Helvetica Now Display Medium 20-24px。
- 不同表面层之间使用 Concrete Gray（#e5e5e5）细线边框或空白间距分隔——绝不使用阴影或彩色背景。
- 导航栏在白色背景上保持透明：无背景填充、无阴影、无固定模糊效果。
建议避免
- UI 中不得引入任何强调色或品牌色——按钮、链接、徽章或图标上不得出现蓝色、红色、绿色或黄色填充。界面中唯一的色彩来自产品摄影。
- 不得使用粗体或中等粗体字重；Nike 的字体系统仅使用 400 和 500 两种字重。更重的字重会破坏整体克制、沉稳的语气。
- 卡片、按钮或导航元素不得添加阴影。本系统中的抬升感通过深色/浅色区块的交替来传达，而非通过阴影。
- 不得对卡片圆角进行处理。产品与分类卡片以锐利边缘的满幅瓷砖形式呈现——唯一具有圆角的元素是按钮（30px）、搜索框（24px）和顶部工具栏（24px）。
- 每页不得使用超过一种 CTA 颜色处理。胶囊按钮始终为 Obsidian 在白色背景上或白色在 Obsidian 上——绝不使用第三种变体。
- 不得在文本后添加装饰性渐变、图案或背景图像。每个部分要么是纯白色，要么是满幅产品摄影。
- 不得使用小于 20px 或大于 76px 的展示字体。Nike Futura ND 仅用于首屏规模；Helvetica Now Display 负责中间所有尺寸。
