WHOOP
白色基底、胶囊形控件与圆角卡片。
SwimClub
白色基底、等宽文字标注与细线分隔。
页面以白色为基底，搭配近黑色文字。字体采用 Px Grotesk、Apercu Mono Pro。视觉特点包括等宽文字标注、细线分隔、摄影展示、居中构图。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- #ff9e00只作为公告栏和统计分区的满幅面板背景，绝不要作为按钮填充、图标着色或边框。
- Swimclub像素字体只用于文字标志和90px或更大的统计数字；低于这个尺度会失去个性。
- Px Grotesk标题保持紧密，52–74px时行高设为1.05，让多行叠排读起来像实心文字块，而非轻盈文字。
- 每个全大写标签、导航项和小型数据字符串都采用Apercu Mono Pro；Px Grotesk只用于正文和标题。
- 所有角都保持0px圆角，清晰直角就是系统身份；分区通过1px黑色或#cccccc虚线边框分隔。
- 有意交替表面层级：white → #d2dce1 → #ff9e00 → #020507，建立编辑式节奏。
- 主要分区之间采用120px纵向内边距，卡片内部采用32px。
建议避免
- 卡片、按钮、标签或图像不要采用圆角；整个系统的圆角均为0px。
- 按钮、链接或图标不要使用橘色；它只属于满幅分区背景。
- Swimclub像素字体不要低于90px，也不要用于正文，否则会难以辨认。
- 不要使用阴影或抬升效果；系统依靠平面表面和细线边框，而非深度。
- 同一字号范围不要混用等宽与像素字体；Apercu Mono用于12–17px微型标签，Swimclub用于90px+的巨大读数。
- CTA按钮不要采用彩色填充；保持描边，浅色上使用黑边框，深色上使用白边框，内部透明。
- 不要引入新的彩色；系统刻意采用单色加唯一橘色。
