01 · BRAND / TYPOGRAPHY

Typography

Four typefaces, four jobs: Space Grotesk for headings, Inter for body, JetBrains Mono for numbers and code, Noto Sans SC for Chinese. All OFL-licensed — zero licensing cost.

Display · Headings

Space Grotesk

300–700 variable

POSX Brand System Aa Bb 0123

Sans · Body

Inter

100–900 variable

Real consumption as the starting point of value — real payments, real merchants, real consumers. The quick brown fox jumps over the lazy dog.

Mono · Numbers/Code

JetBrains Mono

100–800 variable

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

Type Scale (text-ds-*, 11 steps)

No magic values (e.g. text-[15px]); hero-level exceptions only.

7xl · 72/1.02POSX Hero display

6xl · 60/1.05POSX Hero, small screens

5xl · 48/1.1POSX Section H1

4xl · 36/1.2POSX Section H2

3xl · 30/1.3POSX Big numbers / H3

2xl · 24/1.35POSX Card titles / H4

xl · 20/1.5POSX Lead / H5

lg · 18/1.6POSX Body large

base · 16/1.55POSX Body default

sm · 14/1.55POSX Secondary / labels

xs · 12/1.5POSX Micro labels / eyebrow

The Numerals Rule (a fintech lifeline)

Every amount, percentage, hash, and table figure must use tabular-nums + font-mono — digits align vertically at constant width.

✓ Tabular figures (tabular-nums)

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

✕ Proportional figures (default)

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

The Eyebrow Rule

Section prefixes share one form: 11px · mono · uppercase · widest tracking · muted color.

03 · BRAND IDENTITY

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

Mixed zh/en Setting

Keep English terms of art as-is in Chinese copy; gloss on first use
One space between Chinese and Latin text
Full-width punctuation in Chinese contexts; the interpunct · as the universal separator
Tighten heading tracking (−0.05em to −0.01em); widen eyebrow tracking (+0.025em to +0.35em) with uppercase