# KRDS 팩 — 출처·라이선스·필수 표기 | 항목 | 내용 | |---|---| | 원본 | 범정부 UI/UX 디자인시스템(KRDS) — 커밋 `d6bb184c823e4757f05807ea4646a23e3133b6e6`(2026-01-12, package.json 1.1.0) | | 라이선스 | **공공누리 제1유형(출처표시)** — 상업 이용·변경 허용, 출처 표기 필수. 근거: KRDS 저작권 안내 (2026-10-13 확인. 저장소 README 「본 패키지는 KRDS 이용약관을 따름」) | | 읽은 파일 | `resources/css/token/krds_tokens.css`(색·글자 크기·숫자 단계·모서리), `resources/css/common/common.css`(본문 글꼴·행간·초점), `resources/css/component/component.css`(버튼·배지 컴포넌트 토큰), `resources/img/component/icon/*.svg`(아이콘), `resources/fonts/PretendardGOV-*.subset.woff`(글꼴) | | 글꼴 | Pretendard GOV Regular·Bold(KRDS 저장소의 서브셋 woff) — SIL OFL 1.1, `licenses/OFL-PretendardGOV.txt`. 한글이 들어 있어 보충 글꼴이 필요 없다(사이트 글자 1147자 전부 있음, 2026-10-13 cmap 확인) | | 아이콘 | KRDS 아이콘 세트. 시계·목록·방패·책·RSS·문서 아이콘은 세트에 없어 그리지 않는다(다른 세트를 섞지 않는다). 「바로 119」 카드에는 `ico_call`(전화) | ## 필수 표기 — 푸터(모든 페이지)와 소개 페이지 「디자인·글꼴 출처」 공식 출처표기 예시를 그대로 쓰고 KRDS 홈페이지로 링크한다(안내문: "하이퍼링크를 제공하는 것이 가능한 경우 링크해주시기 바랍니다"). > 본 저작물은 행정안전부에서 2024년 작성하여 공공누리 제1유형으로 개방한 ‘범정부 UI/UX 디자인시스템(KRDS)’을 이용하였으며, 해당 저작물은 ‘KRDS 디자인시스템 홈페이지(www.krds.go.kr)’에서 무료로 다운받으실 수 있습니다. `seo:audit` 가 모든 페이지 푸터(`[data-design-credit]`)에서 이 문장을 찾는다 — 빠지면 오류. ## 가져오지 않은 것(정부 사이트로 오인 금지) 정부 상징(태극 문양), 「이 누리집은 대한민국 공식 전자정부 누리집입니다」 띠, KRDS 로고(`ico_logo_krds`), 기관명 표기, go.kr 도메인 안내. ## 우리 쪽에서 바꾼 것 | 무엇 | 왜 | |---|---| | 어두운 모드 = KRDS 「선명한 화면 모드(high-contrast)」 토큰 | KRDS 에 어두운 테마가 따로 없다 | | 본문 17px(폰)/18px · 행간 1.8 | 팩 위의 읽기 규칙(global.css). KRDS 본문은 17px·150% | | 링크색 = `text-primary`(primary-60), `link-default`(primary-50) 아님 | primary-50 은 primary-5 상자 위에서 4.5:1 이 안 된다(extract.mjs 대비 검사) | | 대가성 문구 14px 고정 | KRDS caption(13px)보다 작아지지 않게 — 공정위 「쉽게 인식」 | | 글꼴을 사이트 글자만 남겨 다시 자른다 | 성능(scripts/lib/font-subset.mjs). Pretendard GOV 는 OFL 예약 글꼴 이름(RFN)이 있어 엄밀히는 수정본 이름 문제 — docs/DECISIONS.md 남은 결정 | | 안내 상자 = background-gray-subtler 바탕, GNB 선택 = 진한 글자 선 | 안티 패턴 「상자 색 띠」(사용자 판정) — primary 색 띠·옅은 파랑 상자 대신 회색 단계 | 다시 뽑기: `node scripts/ds/extract.mjs --src <원본 폴더> --fetch --only krds`