=공통 계약 · 하지 않는 것
어느 팩을 고르든 똑같이 지키는 약속, 그리고 어느 팩에서도 하지 않는 것 — 상자 색 띠, 이모지, 사이트마다 다른 색. — 16개 항목
01내용은 같고 모양만 다르다Same content, different shape
팩을 바꿔도 글 제목·설명·날짜는 그대로예요. 바뀌는 건 모양뿐이라, 팩은 언제든 갈아 끼울 수 있어요.
02읽기 규칙Reading rules
본문은 폰에서 17px, 넓은 화면에서 18px, 줄 간격 1.8이에요. 누르는 칸은 44px 이상이고 단어 중간에서 줄이 바뀌지 않아요.
03페이지 제목(h1)은 하나One page title (h1)
어느 페이지든 맨 위 큰 제목은 하나뿐이에요. 홈, 글, 주제, 소개, 404 모두 제목을 그리는 컴포넌트가 정해져 있어요.
04신뢰 줄이 대가성 문구보다 먼저Trust line comes before the disclosure
글 머리에서는 「기관 자료 6곳과 대조 · 마지막 확인일」이 먼저 보이고, 쿠팡 파트너스 문구는 그 뒤에 와요.
05대가성 문구는 상품 묶음 바로 위Disclosure sits right above the products
추천 준비물 목록 바로 앞에 「쿠팡 파트너스 활동의 일환…」 문구가 14px로 있어요. 링크에는 광고 표시가 붙어요.
06디자인 출처 표기Design credit
모든 페이지 맨 아래에 이 디자인을 어디서 가져왔는지 적어요. KRDS 를 고르면 정해진 문장을 그대로 써야 하고, 빠지면 검사가 막아요.
07색은 기능이 있는 곳에만Color only where it does a job
강조색은 팩마다 하나뿐이고 링크나 주 버튼 같은 곳에만 써요. 위급을 뜻하는 색은 「바로 119」 안내에만 나와요.
08변형 고르기How variants get picked
사이트마다 컴포넌트의 변형을 따로 골라요. 적어 두지 않으면 사이트 이름으로 자동으로 정해지고, 같은 내용이 두 번 나오는 조합은 피해요.
09상자 색 띠Colored stripes on boxes
카드나 안내 상자 왼쪽에 굵은 색 줄을 두르지 않아요. 위쪽 띠나 제목 줄 색 바탕도 같은 이야기예요.
10이모지Emoji
제목 앞, 목록 앞, 버튼 안 어디에도 이모지를 쓰지 않아요. 아이콘은 팩이 가진 아이콘 세트에서만 가져와요.
11사이트마다 다른 알록달록한 색A different bright color per site
사이트마다 빨강·초록·보라 같은 자기 색을 두지 않아요. 사이트 구분은 이름과 두 글자 표식, 변형의 조합으로 해요.
12그라데이션 히어로Gradient hero
홈 맨 위를 두 색이 번지는 배경에 가운데 큰 글씨로 채우지 않아요. 단색 바탕에 글자 위계로 시작해요.
13원 안 아이콘 + 기능 세 줄Circled icons + three features
동그라미 안 아이콘 위에 짧은 제목과 한 줄 설명을 세 칸으로 늘어놓지 않아요. 아이콘은 글자 옆의 작은 보조로만 써요.
14전부 가운데 정렬Everything centered
제목, 본문, 홈 머리, 404 모두 왼쪽 정렬이에요. 가운데에 큰 숫자 404 만 놓인 화면도 만들지 않아요.
15의미 없는 배지 남발Badges with no meaning
「NEW」「HOT」「추천」을 한 카드에 줄줄이 붙이지 않아요. 배지는 상태나 분류를 실제로 가를 때 카드당 하나예요.
16지어낸 숫자 띠Invented number bands
「부모 1만 명이 신뢰」「만족도 98%」 같은 숫자 띠를 만들지 않아요. 숫자는 글 수, 출처 수, 확인일처럼 실제로 센 것만 써요.