# Primer 팩 — 출처·라이선스·표기

| 항목 | 내용 |
|---|---|
| 원본 | `@primer/primitives@11.10.0`(npm, 2026-07-30) — <https://github.com/primer/primitives> · 아이콘 `@primer/octicons@19.38.0`(2026-09-18) |
| 라이선스 | MIT(Copyright (c) 2018 GitHub Inc.) · Octicons MIT(Copyright (c) 2026 GitHub Inc.) — `licenses/` 에 원문 |
| 읽은 파일 | `dist/css/functional/themes/light.css`·`dark.css`(색), `dist/css/functional/typography/typography.css`·`dist/css/base/typography/typography.css`(글자), `dist/css/functional/size/radius.css`·`size.css`·`dist/css/base/size/size.css`(모서리·간격), Octicons `build/svg/*-24.svg` |
| 글꼴 | Primer 는 시스템 글꼴 묶음(`--fontStack-sansSerif`). 한글이 없으므로 **Pretendard(OFL)로 보충** — 묶음의 `sans-serif` 바로 앞에 넣었다 |
| 필수 표기 | 없음(MIT 고지는 소개 페이지 「디자인·글꼴 출처」에 저작권 줄과 함께). 푸터에 한 줄 |

## 가져오지 않은 것

GitHub 로고·Octocat·「GitHub」 이름 표기, 글꼴 묶음 맨 앞의 **Mona Sans VF**(GitHub 브랜드 글꼴 — 오인 방지), 이모지 글꼴(이모지를 안 쓴다),
초록 「primary」 버튼(`--button-primary-*`, GitHub 의 행동 버튼색 — 강조색 하나 규칙으로 파랑 accent 만 쓴다. 버튼은 default 회색 버튼).

## 우리 쪽에서 바꾼 것

| 무엇 | 왜 |
|---|---|
| 버튼 높이 44px | 탭 대상 규칙. Primer `--control-large-size` 는 40px |
| 본문 17px/18px · 행간 1.8 | 팩 위의 읽기 규칙. Primer 본문은 14~16px·1.5 |
| h2 24px = `--base-size-24` | Primer 글자 토큰에는 20(title-medium)과 32(title-large) 사이가 없다 — 간격 토큰 24 를 빌렸다 |
| 안내 상자 = Box(테두리 + bgColor-muted), markdown alert 의 왼쪽 강조선 안 씀 | 안티 패턴 「상자 색 띠」(사용자 판정) |

다시 뽑기: `node scripts/ds/extract.mjs --src <원본 폴더> --fetch --only primer`