跳至主内容

01 · BRAND / TYPOGRAPHY

字体排印

四个字体各司其职:Space Grotesk 管标题,Inter 管正文,JetBrains Mono 管数字与代码,Noto Sans SC 管中文。全部 OFL 开源许可,零授权成本。

Display · 标题

Space Grotesk

300–700 可变

POSX 品牌系统 Aa Bb 0123

Sans · 正文

Inter

100–900 可变

以真实消费为价值起点 —— 真实支付、真实商户、真实消费者。The quick brown fox jumps over the lazy dog.

Mono · 数字/代码

JetBrains Mono

100–800 可变

$ 1,280,459.00 · 0x6352…CE07 · +3.8%

字号阶(text-ds-*,11 阶)

禁止魔法值(如 text-[15px]);Hero 等极特殊场景例外。

7xl · 72/1.02POSX Hero 大标题
6xl · 60/1.05POSX Hero 小屏
5xl · 48/1.1POSX Section H1
4xl · 36/1.2POSX Section H2
3xl · 30/1.3POSX 大数字 / H3
2xl · 24/1.35POSX 卡片标题 / H4
xl · 20/1.5POSX Lead / H5
lg · 18/1.6POSX 正文加大
base · 16/1.55POSX 正文默认
sm · 14/1.55POSX 次要正文 / 标签
xs · 12/1.5POSX 微标签 / Eyebrow

数字规则(金融排印生命线)

所有金额、百分比、哈希、表格数字必须 tabular-nums + font-mono —— 数字纵向对齐,宽度恒定。

✓ 等宽数字(tabular-nums)

$ 1,280,459.00$ 8,031,117.42$ 9,990,001.85

✕ 比例数字(默认)

$ 1,280,459.00$ 8,031,117.42$ 9,990,001.85

眉题(Eyebrow)规则

章节前缀统一形制:11px · mono · uppercase · tracking-widest · 弱文字色。

03 · BRAND IDENTITY

text-[11px] font-mono uppercase tracking-widest text-muted-foreground

中英混排

  • 中文语境保留英文术语原文,首次出现给中文释义
  • 中英文之间留一个空格(盘古之白)
  • 中文语境用全角标点;间隔符统一用 ·
  • 标题字距收紧(−0.05em ~ −0.01em);眉题字距放宽(+0.025em ~ +0.35em)+ 全大写