03 · Typography
字体:把严肃排进字距里
拉丁字体 Inter,中文 Noto Sans SC / 苹方,韩文 Pretendard(基于 Inter 度量的韩文标准 UI 字体)——三种语言共享同一套字重与字距体系。标题字重 800、字距收紧至 -2%~-3%——与字标同源;正文 400 / 1.65 行高保证长文档可读性。金融数字一律使用等宽数字(tabular numerals)。
font-family(按语言切换 · 全部自托管,无外部字体网络依赖)
中文 zhInter Variable(拉丁/数字)+ Noto Sans SC Variable,苹方 / 微软雅黑兜底
"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC Variable", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serifEnglish enInter Variable——品牌规范指定的拉丁字体
"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC Variable", "PingFang SC", "Noto Sans SC", sans-serif한국어 koPretendard Variable——韩文金融产品事实标准,拉丁字形与 Inter 同源
"Pretendard Variable", Pretendard, "Inter Variable", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif纪律:三套字体栈全部经 npm 自托管(unicode-range 按需子集加载),保证任何环境渲染一致;字重 800 在三种文字下均可用——字标观感跨语言恒定;中英文混排时英文与数字两侧保留自然空隙。
字号分级表Display 到 Caption 的六级秩序——数据来自 typography.ts
Display · 800
每一笔钱,最终落定。
46–88px · -3%首页 Hero / 大字 Quote
H1 · 800
One architecture. Four products.
32–40px · -2%章节标题
H2 · 700
统一资金模型 · Unified Money Model
22–28px · -1.5%小节标题
Body · 400
Omninal 用同一套架构持有、移动与控制资金,覆盖多币种、稳定币与全部支付轨道。The unified money platform for global business.
15–17px · 1.65lh正文段落
Caption · 650
Settlement Completed · 2026-06-07 14:32 UTC
11–13px · +6%标注 / 时间戳 / 全大写小标
Numerals · 800
$2,485,302.18 +4.2%
tabular-nums金额 / 百分比 / 日期(tabular-nums 必须开启)
金融数字:Tabular Numerals等宽数字是「一本账」的排版形态
✓ tabular-nums · 列对齐
USD1,420,000.00
EUR386,110.24
USDC462,000.00
同宽数字让小数点与千分位纵向锁定——扫一眼就能对账。
✕ 比例数字 · 列漂移
USD1,111,111.11
EUR7,777,777.77
USDC4,444,444.44
不同字形宽度不一,金额列参差——金融界面禁止出现。
规则:金额永远不换行、不斜体;小数位用 Mist 灰降一级;涨跌使用语义 token(--positive / --negative)并按市场惯例切换(见色彩章「全球市场色彩纪律」),品牌材料中的中性强调一律用蓝。
间距系统4pt 基数 · 8 级阶梯——间距是排版的另一半
4
8
12
16
24
32
48
64
用法:组件内 4/8/12,组件间 16/24,区块间 32/48,章节间 64+。圆角三档:8(小组件)/ 12–16(卡片)/ 24%(App 图标)。所有间距取阶梯值,禁止 5px、10px、18px 这类「感觉值」。
大小写与写法规范Casing — 写错名字是最高频的品牌事故
| 对象 | ✓ 正确 | ✕ 错误 |
|---|---|---|
| 公司 / 品牌名 | Omninal(任何位置都大写 O) | omninal · OMNINAL · OmniNal |
| 产品线名 | Omninal Global Account · Omninal Payments | OGA · O-Pay · 全球账户™(独立成牌) |
| 英文标题 | Sentence case:One architecture, four products | Title Case Everywhere / 全大写正文 |
| 功能名 | 小写通用词:smart routing · purpose accounts | SmartRouting™ · 自造缩写 |
| 缩写 | 对内允许 GA / PAY / BOS / PLT | 对外材料出现任何缩写 |