파운데이션

모든 화면의 뿌리

컬러, 타이포그래피, 간격, 모션처럼 화면을 이루는 가장 작은 단위예요. 컴포넌트와 플랫폼은 모두 이 토큰 위에서 만들어집니다.

Brand브랜드 · 로고

ON:GI 로고와 심볼, 브랜드 컬러의 사용 규칙

Color컬러

Primitive → Semantic 2계층 팔레트와 다크 모드

Typography타이포그래피

Pretendard 기반 11단계 타입 스케일

Spacing간격 · 레이아웃

4px 그리드와 반응형 레이아웃 규칙

Elevation라운드 · 그림자

면의 높이와 모서리 반경 토큰

Iconography아이콘

Lucide 기반 아이콘 크기 · 굵기 가이드

Motion모션

duration · easing 토큰과 전환 패턴

Accessibility접근성

명도 대비 · 터치 영역 · 키보드 조작 기준

UX WritingUX 라이팅

정확하고 다정한 결제 서비스의 말투