03 · Typography

타이포그래피: 자간에 새긴 진지함

라틴은 Inter, 중국어는 Noto Sans SC / PingFang, 한국어는 Pretendard(Inter 메트릭 기반의 한국어 UI 표준 서체) — 세 문자가 하나의 웨이트·간격 체계를 공유합니다. 헤드라인은 웨이트 800에 자간 −2%~−3% — 워드마크와 같은 DNA입니다. 본문은 400 / 행간 1.65로 긴 문서의 가독성을 지킵니다. 금융 숫자는 언제나 고정폭 숫자(tabular numerals)를 사용합니다.

font-family (언어별 전환 · 전량 셀프 호스팅, 외부 폰트 요청 0)

중국어 zhInter Variable (라틴/숫자) + Noto Sans SC Variable, PingFang / Microsoft YaHei 폴백

"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC Variable", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif

English 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%홈페이지 히어로 / 디스플레이 인용

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로 한 단계 낮춥니다. 등락은 시맨틱 토큰(--positive / --negative)을 시장 관례에 따라 전환하고(컬러 챕터 「글로벌 시장 컬러 규율」 참조), 브랜드 물료의 중립 강조는 언제나 블루입니다.

간격 체계4pt 기수 · 8단계 사다리 — 간격은 타이포그래피의 나머지 절반입니다

용법: 컴포넌트 내부 4/8/12, 컴포넌트 사이 16/24, 블록 사이 32/48, 챕터 사이 64+. 코너 반경은 세 단계: 8(작은 컴포넌트) / 12–16(카드) / 24%(앱 아이콘). 모든 간격은 사다리 값을 취합니다 — 5px, 10px, 18px 같은 「감의 값」은 금지입니다.

표기와 대소문자 규범Casing — 이름 오기는 가장 빈번한 브랜드 사고입니다

대상	✓ 올바름	✕ 틀림
회사 / 브랜드명	Omninal (어느 위치에서든 대문자 O)	omninal · OMNINAL · OmniNal
프로덕트 라인명	Omninal Global Account · Omninal Payments	OGA · O-Pay · Global Account™ (독립 브랜드화)
영문 헤드라인	Sentence case: One architecture, four products	모든 단어 Title Case / 전체 대문자 본문
기능명	소문자 일반명사: smart routing · purpose accounts	SmartRouting™ · 만들어낸 축약어
축약어	사내에서는 GA / PAY / BOS / PLT 허용	대외 자료의 모든 축약어