디자인
값과 규칙을 보는 곳입니다. 실제 값은 토큰 뷰어에서 눈으로 확인하세요.
이 장의 표에 적힌 값은 설명용 발췌입니다. 정본은 언제나 jt-tokens.css이고, 다르면 파일이 맞습니다.
브랜드 3축 · 토큰 4계층 · 정본 파일 구성설계 원칙색 팔레트 · 타입 · 간격 · 라운드 · 레이어 · 판정 4종토큰 (Seed·Map·Alias)타입 세트 2벌 · 폰트 조합 근거 · 다국어 안정타이포그래피다크 · 컴팩트 · 고대비테마 & 밀도컨테이너 4종 · 텍스트 팽창 · 하단 탭바레이아웃 & 반응형시간 · 이징 · 표준 패턴모션Material Symbols · SVG/폰트 2방식아이콘 & 일러스트최소 크기 · 최소 여백 · 무결성로고 & 브랜드 자산대체 텍스트 7케이스 · 대비 · 터치접근성실제 자산 받아 가기 — 컬러·타입·아이콘·로고디자인 킷 ★
이것만 기억하면 절반은 맞습니다
| 뉴트럴이 90% | 색은 의미가 있을 때만 씁니다 |
| 먹색 = 브랜드, 파랑 = 누를 수 있음 | 주버튼을 파랑으로 만들지 마세요 |
| 간격은 4의 배수 | 13px·17px 같은 값을 쓰지 않습니다 |
| 판정은 색 + 글자 | 흑백 COA로 인쇄되면 색은 사라집니다 |