LaunchDarkly
近黑色基底、渐变展示与等宽字体。
Shopify
近黑色基底、胶囊形控件与圆角卡片。
页面以近黑色为基底，搭配白色文字。字体采用 Neue Haas Grotesk、Inter Variable。视觉特点包括胶囊形控件、圆角卡片、细线分隔、居中构图。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 在70–96px字号范围内，使用重量330–400的Neue Haas Grotesk字体用于展示标题——极端尺寸下的超轻字体是该系统的标志性特征。
- 将画布设为#02090a适用于所有页面；卡片使用#061a1c，细线边框使用#1e2c31，以构建分层的深色表面结构。
- 所有主要和次要操作均使用胶囊形按钮（9999px半径）——方形或轻微圆角的按钮打破系统的轮廓一致性。
- 将#36f4a4保留用于功能性时刻：激活的导航、焦点环、关键链接高亮、标签强调。绝不用于装饰性填充或大面积背景。
- 在Neue Haas Grotesk字体48px及以上时，字间距设置为0.015–0.04em；在粗体展示字体上采用紧密字间距，但在小字号时略微打开。
- 卡片使用12px半径，输入框和按钮使用4px半径——这两个数值承载着几何风格的统一性。
- 在两种字体家族上均设置font-feature-settings为"ss03"，以保留定义品牌字体风格的替代字符集。
建议避免
- 在展示尺寸下绝不使用600以上的字重——这会削弱轻盈标题的表达力，并破坏标题与正文之间的对比度。
- 绝不为按钮或行动号召（CTA）引入新色彩——深色背景上的白色胶囊按钮是唯一主要操作；透明描边的白色胶囊按钮是唯一次要操作。
- 绝不将#36f4a4用作背景填充或大面积表面颜色——当广泛使用时，其作为功能亮点的效力会消失。
- 绝不添加超出细微内嵌高光的阴影效果——厚重阴影破坏了扁平深色表面语言，以及内嵌亮边的惯例。
- 绝不使用除12px（卡片）、4px（输入框/按钮）或9999px（胶囊按钮）之外的半径值——不一致的圆角会破坏几何统一性。
- 除商户/产品嵌入场景外，绝不使用亮色主题（白色表面、深色文字）——在这些场景中，商户自身内容将主导。
- 绝不将正文设置为#ffffff——应使用#99b3ad或#a1a1aa，以保持标题（白色）与段落（中性）之间的层级关系。
