WHOOP
白色基底、胶囊形控件与圆角卡片。
Stryds
近黑色基底、渐变展示与文字主导。
页面以近黑色为基底，搭配白色文字。局部操作控件以黄绿色强调。字体采用 SF Pro Display、Arial。视觉特点包括渐变展示、文字主导、摄影展示。适合参考的场景：健康产品介绍页、服务展示页。
查看原始网站使用规范
建议采用
- 光谱环是首屏与大型展示宣言的主要视觉框架，它是品牌标志姿态。
- 展示文字用 78-184px SF Pro Display，字重 500-600；这是海报尺度品牌，而非 SaaS 仪表盘。
- #a6ff00 Electric Lime 专用于行动填充、激活状态与强调圆点，它是唯一彩色，必须稀少。
- 所有按钮 100px 胶囊圆角，所有卡片 40px 圆角，系统无尖角或小圆角。
- 画布保持 #101010 Obsidian，卡片 #171717 Carbon；用 1px #333333 边框而非阴影分隔表面。
- 展示标题搭配 #fdfdfd 激活词与 #6f6f6f Fog 弱化词，不引入颜色也能强调。
- 保持 80px 区块间距与 80px 卡片内边距，设计需要充分呼吸，密集布局会破坏编辑感。
建议避免
- 不要以 box-shadow 浮起，Stryds 平贴虚空，以边框而非深度分隔。
- 不要引入 Electric Lime 之外的强调色，单色纪律让青柠显得紧迫。
- 正文不要低于 14px，字重不要低于 400，品牌自信而非含蓄发声。
- 不要用尖角或低于 16px 的圆角，每个元素要么 100px 胶囊形，要么 40px 柔圆角。
- 内容不要在窄列中居中，也不限制为低于 1000px 的 max-width，让展示文字与环填满视口。
- 不要用色彩建立文字层级，改用字号、字重与 #fdfdfd/#6f6f6f 对比。
- 界面组件、按钮或卡片不要添加渐变，渐变专属于光谱环系统。
