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 리드 / 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

섹션 접두 라벨은 하나의 형식으로 통일합니다: 11px · mono · uppercase · tracking-widest · 약한 텍스트 색.

03 · BRAND IDENTITY

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