Apple (España)
近白色基底、胶囊形控件与圆角卡片。
Microsoft
近白色基底、细线分隔与摄影展示。
页面以近白色为基底，搭配近黑色文字。字体采用 Segoe UI。视觉特点包括细线分隔、摄影展示、产品图像展示、网格布局。适合参考的场景：摄影作品集、视觉内容展示页。
查看原始网站使用规范
建议采用
- 使用 #0067b8 作为所有填充型操作按钮、链接文字和激活导航指示器的唯一色彩
- 将按钮边框圆角设置为 2px —— 轻微圆润，而非胶囊形
- 仅对网格中的产品卡片应用卡片阴影堆叠（rgba(0,0,0,0.13) 0 3px 7px + rgba(0,0,0,0.11) 0 1px 2px）
- 使用 Segoe UI 字重 600 用于标题、卡片标题和按钮标签；字重 400 用于所有正文、导航和链接文字
- 保持 8px 作为基础间距单位——在填充、边距和间距中使用 8/16/24/48px 的等差级进
- 在满幅首屏摄影上叠加白色覆盖卡片（32–48px 内边距，无边框）以提升文字可读性
- 保持卡片网格为 4 等分列，内部间距为 16–24px，容器最大宽度为 1200px
建议避免
- 不要引入额外的品牌色彩——该系统为单色加 #0067b8
- 不要在按钮、输入框或卡片上使用大于 2px 的边框圆角——保持边缘几乎锐利
- 不要在导航栏、按钮或文本块上添加阴影——仅在产品卡片上应用
- 不要使用 Segoe UI 除 400 和 600 以外的字重——不使用 300 的轻盈字重或 700 的粗体声明
- 不要创建轮廓或透明描边按钮变体——所有操作均为填充蓝色或简单文本链接
- 不要添加装饰性渐变——该系统依赖摄影和扁平表面
- 不要使用完全饱和的图标——类别图标应为 1.5–2px 线宽的 #616161 或 #000000 轮廓样式
