Altitude
近黑色基底、衬线字形与渐变展示。
iUSPC by Coinshift
近黑色基底、细线分隔与网格布局。
页面以近黑色为基底。字体采用 Inter、ABCSynt。视觉特点包括细线分隔、网格布局、分屏构图、大字排版。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 所有按钮、徽章和状态胶囊都采用9999px圆角；胶囊几何是这个系统的控件形状。
- 所有细线边框都采用Cloud Gray（#e5e7eb）和1px宽度；边框本身就定义表面，无需阴影。
- 标题中的Inter保持300–400字重；500–600字重只留给导航、标签和交互文字。
- 采用双色标题模式：第一行Frost White，第二行Slate Mist，字号相同；绝不要以加粗区分两行。
- 10–12px的全大写眉题标签使用0.200–0.300em的letter-spacing；分区通过这种方式宣告自身。
- 满幅深色分区内的内容以1200px max-width居中，让Abyss画布在内容列周围保留呼吸空间。
- Ember Glow（#fa3812）只用于营造环境暖意，例如渐变、辉光和Live光晕，以及唯一的实时状态圆点；绝不要作为填充按钮背景。
建议避免
- 不要给卡片或面板添加投影；系统通过边框而非抬升定义表面。
- 不要引入新的彩色；调色板97%为中性色，任何新色相都会破坏机构式气质。
- 不要使用彩色填充按钮；所有主要操作均采用无填充或描边样式，并使用Steel Border。
- 不要使用粗体（700+字重）或超粗字重；Inter最高为600，而且很少使用。
- 不要将Ember强调色用于大面积填充、背景或按钮主体；只将其保留为低不透明度辉光或微小点缀。
- 卡片圆角不要超过8px；大圆角卡片会显得像消费级应用，而非机构产品。
- 不要添加摄影或插画；系统只通过文字、负空间和网格线传达信息。
