Pally
深蓝色基底、居中构图与胶囊形控件。
Ordinal
近黑色基底、产品图像展示与紧密字距。
页面以近黑色为基底，搭配白色文字。局部操作控件以绿色强调。字体采用 Inter、Inconsolata (custom-mapped eyebrow face)。视觉特点包括产品图像展示、紧密字距、细线分隔、等宽字体。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 每个视图恰好一个填充操作使用 #8ef5b5，不并列两个薄荷按钮。
- 每个薄荷 CTA 搭配 #ffffff 幽灵描边辅助按钮。
- 卡片、输入框与小按钮的 border-radius 为 5px；1440px 仅用于胶囊形 CTA 与眉题标签。
- 标题限于 Inter 500 字重，不用 600/700 或斜体，平静字重就是层级。
- 60px 时采用 -1.8px letter-spacing，正文尺寸为 -0.01em，保持 Inter 紧凑展示节奏。
- 眉题采用 Inconsolata 13px 500、#8ef5b5、大写，置于带 1px 绿边的 1440px 胶囊形内部。
- 页面保持 95%+ 无彩色；薄荷只出现在激活 CTA、眉题和约 ~50% 客户标志中。
建议避免
- 不引入第二种品牌色，体系仅有单色加一种薄荷。
- 卡片不靠阴影与虚空分隔，改为将表面提升至 #444245。
- 标题不使用粗体或半粗体，500 是字重上限。
- 正文内容不使用装饰渐变，青绿→炭灰渐变只出现在首屏产品截图背后。
- 卡片圆角不超过 18px，体系应精确，而非柔软。
- 薄荷不作为大分区背景填充，否则会失去“唯一开关”效果。
- 幽灵按钮不与幽灵按钮堆叠，每个辅助操作须为幽灵式，第三级操作则为文字链接。
