어디서나 똑같은 모습

KRDS CP-002 — 모든 서비스에서 동일한 위치에 동일한 형태와 스타일로 제공하고 있다.

0. 들어가며 — 표준이 의미를 갖는 조건

지난 121편(공식배너 최상단 제공)에 이어, 이번 122편은 공식배너의 일관성 규칙입니다 — 모든 서비스에서 동일한 위치·형태·스타일로.

공식배너가 신원 증명으로 작동하려면 한 가지 전제가 필요합니다 — 모든 정부 사이트에서 똑같아야 한다는 것이죠. 사이트마다 배너 위치·모양·색이 제각각이면, 사용자는 ‘이게 진짜 공식배너인지’ 알 수 없습니다. CP-002는 모든 서비스에서 공식배너를 동일하게 제공하라고 규정합니다. 이번 편은 그 일관성을 풀어냅니다.

1. 규칙 원문 — 동일 위치·형태·스타일

CP-002 (컴포넌트 > 공식배너) “모든 서비스에서 동일한 위치에 동일한 형태와 스타일로 제공하고 있다.”

공식배너를 어느 정부 서비스에서든 같은 위치·같은 형태·같은 스타일로 통일하라는 뜻입니다.

정리: 공식배너는 모든 서비스에서 동일한 위치·형태·스타일로 제공하라. 이게 CP-002입니다.

2. 왜 똑같아야 하나 — 표준의 힘

공식배너의 목적은 ’진짜 정부 사이트’를 구별하게 하는 것입니다(121편). 이 구별이 작동하려면, 배너가 예측 가능한 표준이어야 합니다.

사용자가 정부 사이트 A에서 본 공식배너와, 사이트 B에서 본 공식배너가 위치·모양·문구·색이 모두 같다면, 사용자는 “정부 사이트엔 이 배너가 맨 위에 이렇게 있다”는 학습을 합니다. 그러면 배너가 없거나 모양이 다른 사이트를 만났을 때 “이건 이상하다, 사칭일 수 있다”고 경계할 수 있죠. 표준이 있어야 표준에서 벗어난 것을 알아챌 수 있습니다.

반대로 사이트마다 배너가 제각각이면 — A는 위에, B는 헤더 안에, C는 다른 색·다른 문구라면 — 사용자는 무엇이 ’진짜 공식배너’인지 기준을 세울 수 없습니다. 그러면 사칭 사이트가 적당히 비슷한 배너를 흉내 내도 구별이 안 되죠. 표준의 가치가 사라집니다.

그래서 CP-002는 위치(최상단 고정)·형태(구조·구성)·스타일(색·타이포·여백)을 모두 동일하게 하라고 못 박습니다. 이를 위해 KRDS는 공식배너를 제공된 표준 그대로 쓰도록 합니다 — 디자이너·개발자가 임의로 위치를 옮기거나 모양을 바꾸면 안 되죠(다음 편 CP-003·004와 연결). 한 사이트 안에서 모든 페이지가 같아야 할 뿐 아니라(121편), 대한민국 모든 정부 서비스 사이에서 같아야 공식배너가 신원 증명으로 기능합니다.

3. 점검 / 개선

무엇을 점검하나

위치 동일 — 다른 정부 서비스와 같은 위치(최상단)인가.

형태 동일 — 구조·구성이 표준과 같은가.

스타일 동일 — 색·타이포·여백이 표준과 같은가.

변형 없음 — 임의로 위치·모양을 바꾸지 않았는가.

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
디자이너	표준 공식배너 그대로 적용(변형 금지)
퍼블리셔/개발	표준 마크업·스타일 그대로 삽입

기관 유형	CP-002 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수

행정·공공기관 디지털 정부서비스 = 전부 해당.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 공식배너가 다른 정부 사이트와 같은 위치인가요?

□ 형태·구성이 표준과 같나요?

□ 색·타이포·여백이 표준과 같나요?

□ 임의로 위치·모양을 바꾸지 않았나요?

❓ FAQ

Q1. 우리 브랜드 색으로 바꿔도 되나요? 안 됩니다. 공식배너는 표준이라 모든 사이트에서 같아야 신원 증명으로 작동합니다. 색·형태 변형은 CP-003·004에서도 금지합니다. Q2. 위치를 헤더 안으로 옮기면요? 안 됩니다. CP-001(최상단)·CP-002(동일 위치)를 위반합니다. 모든 사이트가 같은 위치여야 합니다. Q3. KRDS를 채택하면 자동인가요? KRDS가 제공하는 표준 공식배너를 그대로 삽입하면 일관성이 보장됩니다.

6. 마무리

CP-002의 메시지:

어디서나 똑같은 모습 — 표준이 있어야 표준에서 벗어난 사칭을 알아챈다.

공식배너가 신원 증명으로 작동하려면 모든 정부 서비스에서 동일해야 합니다. 위치·형태·스타일이 통일돼야 사용자가 ’진짜 공식배너’의 기준을 학습하고, 그에서 벗어난 사이트를 경계할 수 있죠. 표준의 일관성이 공식배너의 생명입니다.

다음 편은 공식배너의 절제된 표현을 다룹니다. CP-003 — “공식배너가 지나치게 주의를 끌지 않도록 사용한다.”

다음 편 예고 ▶ 「123. (CP-003) 공식배너가 지나치게 주의를 끌지 않도록 사용하고 있다.」

ViewCheck는 공식배너가 표준과 동일한 위치·형태·스타일로 제공되는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 공식배너(Masthead) 가이드 — https://www.krds.go.kr/html/site/component/component_01.html

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준