Apple (España)
近白色基底、胶囊形控件与圆角卡片。
Shop
近白色基底、胶囊形控件与圆角卡片。
页面以近白色为基底，搭配近黑色文字。字体采用 GT Standard、Shopify Sans。视觉特点包括胶囊形控件、圆角卡片、紧密字距、细线分隔。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有商品卡片使用 28px 圆角，所有胶囊形控件、输入框和分类标签使用 9999px 圆角——这种 宽松 的圆角是品牌标志性的特征
- 将紫色（#5433eb）仅用于搜索提交按钮和品牌标识点——它是系统中唯一的饱和色，必须保持唯一性
- 正文使用 16px GTStandard-MRegular，字间距为 -0.5px；主要内容的字号不得再小，次要标签的最小字号为 12px。
- 每个提升层级的卡片均搭配双层柔和阴影（0 4px 6px -1px + 0 2px 4px -2px，黑色 10%），绝不使用单一硬阴影
- 在白色表面使用阴影分隔不同层级；卡片不添加边框，仅依靠底面到卡片的色彩过渡来实现区分
- 在主要内容区块之间保持 64–80px 的垂直间距，以维持轻盈、可浏览的氛围
- 将搜索按钮的阴影染上品牌紫色（rgba(69,36,219,0.34)），使强调色在抬升状态中得到强化
建议避免
- 绝不添加第二个饱和色——该系统为单色系，仅含一个紫色，引入第二个会削弱其视觉影响
- 绝不使用卡片、按钮或输入框的锐角——0px 圆角仅保留于图像边缘
- 绝不使用粗体（700及以上）字重——GTStandard 字体家族通过字级和字间距实现层级，而非通过粗细对比
- 绝不为提升层级的卡片添加可见边框——阴影与白色表面结合，对比淡底面，完成分隔功能
- 绝不为 UI 容器使用彩色背景——商品摄影为整个体验提供了全部色彩
- 任何与文字并列的控件（搜索、分类标签、cookie 按钮）都应遵循 9999px 的胶囊形圆角规范。
- 绝不将正文文本设置小于 12px——9px 仅用于评论数量和品牌元数据，且仅出现在空间紧凑的卡片中
- 绝不使用渐变、插画或装饰性图形——视觉语言为白色背景上的商品摄影搭配柔和阴影
