A-dam
近白色基底、大幅摄影展示与胶囊形控件。
Dollar Shave Club
深色基底、大幅摄影展示与网格布局。
页面以深色为基底，搭配白色文字。局部操作控件以蓝色强调。字体采用 DSC Specter、Gelica。视觉特点包括大幅摄影展示、网格布局、满幅色块。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 所有主要操作都使用Flame Orange #fe5000填充按钮，并配白色全大写文字。
- 所有满宽深色分区和横带的主画布都设为Midnight Navy #142978。
- 导航、产品名称、CTA和分区标题都采用DSC Specter 700-900字重和全大写。
- 所有卡片、按钮、输入框和徽章都使用4px border-radius，绝不更大。
- 分区背景在Midnight Navy、Wine Burgundy #82163f和Powder Blue #dbebf5之间交替，建立节奏。
- 步骤说明和装饰图像使用64px+的Flame Orange线描图标。
- 花朵徽章、波浪金边等装饰形状只保留给首屏和促销横带，绝不要放在工具性屏幕上。
建议避免
- 填充式CTA按钮不要使用Flame Orange之外的任何颜色。
- 不要采用渐变；这个系统只使用平面、单色表面。
- 不要在浅色背景上使用浅色文字，也不要在深色背景上使用深色文字；对比配对有严格要求。
- border-radius不要超过4px，少见的胶囊变体则不要超过10px；更圆的形态会破坏实用美学。
- 不要混用DSC Specter和Gelica之外的字体；展示字号中绝不要替换为系统字体。
- 不要将Flower Badge或波浪金边放在非首屏表面上；过度使用会使它们失去冲击力。
- 浅色背景上的正文不要使用Wine Burgundy；它只留给首屏展示文案和分区横带。
