리오텍 디자인 토큰
Phase 1 · 색상 · 타이포 · 간격 · 브레이크포인트. 컴포넌트 빌드의 기준.
Color Tokens
Primary는 #1d4289 하나. 모든 강조는 여기로 수렴한다.
brand-500
#1d4289
brand-900
#002460
neutral-100
#f1f2f3
neutral-600
#595c5e
success
#0a7a4a
danger
#c23934
Typography
한글은 Pretendard, 라틴·숫자는 Inter로 자동 폴백.
xs — 설계 엔지니어 caption 12px
sm — 설계 엔지니어 secondary 14px
base — 독립 기술 선정 파트너 body 16px. Torque: 12.5 N·m
lg — emphasized body 18px
2xl — h3 heading 24px
4xl/5xl — hero responsive
Spacing & Breakpoints
gap은 breakpoint에 따라 변함: mobile 4px / md 16px / lg 32px. 브라우저 창을 리사이즈해서 확인.