Apple 极简设计风格

要解决的问题

Apple 风格页面看起来只剩白底和一张产品图，实际依赖一整套隐性约束：灰底分区、超大标题独占一屏、毛玻璃吸顶导航、留白占比超过一半。手工还原这类页面时，色值偏差一点、标题字号大两号、圆角不统一，整体气质立刻走样，而且没有可执行的验收标准——改完只能肉眼比对截图，说不清差在哪。

技能如何工作

• 规范先行：内置配色角色表，背景主色 #FFFFFF / #FBFBFD、文字次色 #86868B；点缀色最多 3 种，只允许出现在产品色块和 CTA 按钮上，不进正文。
• 排版与布局：H1 使用 SF Pro Display，64–96px 并独占一屏；H3 卡片只放产品名加一句 Slogan；模块之间用 #F5F5F7 灰底分隔，一屏只讲一个故事，底部 footer 不承载重要信息。
• 页面生成：scripts/apple_page_generator.py 零依赖，产出纯 HTML，包含毛玻璃吸顶导航、视差滚动、渐进式显影、三列卡片，通过 --theme dark 切换明暗主题。
• 风格校验：scripts/apple_style_checker.py 对页面做 0–100 分评分，把"够不够苹果"变成可量化的自检步骤，而不是凭感觉验收。

适用边界

• 面向以视觉叙事为主的单页，如产品落地页、Keynote 式展示页；信息密度高的后台、表格类页面不是目标场景。
• 动画统一 0.4s ease-out，服务于叙事。在此基础上叠加炫技动效会破坏风格一致性。
• 文案要求 5 词以内、一句说完，中文场景保留英文产品名。如果原始内容本身冗长，套用这套规范只会更拥挤。