Apple (España)
近白色基底、胶囊形控件与圆角卡片。
VITURE
明暗对比、胶囊形控件与圆角卡片。
页面兼有浅色与深色区域。字体采用 FontSeasonSans。视觉特点包括胶囊形控件、圆角卡片、渐变展示、摄影展示。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- #ff5f34用于填充CTA背景、激活链接颜色和品牌强调文字；它是交互元素唯一允许的彩色。
- 所有按钮、徽章和标签式元素都以9999px圆角呈现；胶囊几何是系统的标志性特征。
- 正文采用FontSeasonSans 400、16px和1.63行高，展示文字采用600–700、28–105px；绝不要替换字体。
- 品牌最高级陈述时，通过background-clip: text将橘红渐变色洗（linear-gradient(90deg, #ff5f34 -100%, #f31010 0%, #ff5f34 100%)）应用到大型展示标题上。
- 产品图像以#0c0c0c或满幅渐变表面锚定；摄影绝不要置于浅色或繁杂背景上。
- 维持80px分区间距和16px元素间隙，建立舒适密度节奏；只有行内图标组才收紧至8px。
- 层级通过表面色变化（#ffffff → #f7f7f8 → #eff0f3）和1px的Pewter细线建立；避免给卡片或面板添加投影。
建议避免
- 不要引入次级强调色；调色板为黑、白、灰的单色加唯一橘色，将蓝、绿或紫作为独立设计变量加入会破坏系统。
- 展示文字不要采用负letter-spacing；系统刻意随字号增长放宽字间距，最高为105px时+5.25px、340px时+17px，收紧会毁掉全息影像般的标志性特征。
- 小视口中，没有流式clamp时不要渲染340px巨型展示文字；在移动端，它会压倒布局。
- 卡片、弹窗或面板不要添加投影；抬升只保留给实黑CTA和弹窗遮罩。
- 主要表面不要采用方形或4–8px的轻微圆角；卡片为28px，按钮为胶囊形，任何中间圆角都会显得不属于系统。
- 没有对应行高与letter-spacing设计变量时，正文不要低于16px或高于60px；字体尺度严格固定，而非插值。
- 小型UI元素不要使用橘到紫罗兰渐变；它只用于满幅横幅，小标签或按钮上使用会失去高级效果。
