정부 웹사이트나 공공 서비스의 UX/UI를 표준화하기 위해 KRDS(Korea Republic Design System, 대한민국 정부 디자인 시스템)을 참고해 보세요.
행정안전부에서 제공하는 이 가이드라인은 편의성, 일관성, 접근성, 사용성 등을 보장하기 위한 디자인 시스템을 제안합니다.

디자이너와 정부 관계자뿐만 아니라 개발자도 활용할 수 있도록 다양한 컴포넌트와 바로 복사해 사용할 수 있는 코드까지 제공하므로, 공공 서비스나 신뢰감이 중요한 서비스 개발에 많은 도움이 될 것입니다.
폰트는 Pretendard GOV를 사용합니다.

헤더 컴포넌트 코드

디자인 스타일, 컴포넌트, 기본 패턴, 서비스 패턴의 KRDS 문서를 꼭 읽어 보세요.
웹 개발 입문자뿐만 아니라 전문가에게도 유용한 내용이 담겨 있습니다.

디자인 스타일은 색상, 타이포그래피, 형태, 레이아웃, 아이콘 등을 체계적으로 정의합니다.

색상 팔레트

컴포넌트는 버튼, 입력 필드 등 공통 UI 요소의 특성과 상태, 역할을 정리하고 사용성 및 접근성 가이드를 제공합니다.

운영기관 식별자 컴포넌트

기본 패턴은 자주 사용되는 UI 요소들의 적용 가이드입니다.
"사용자가 입력할 수 있는 모든 문자의 입력과 표시를 지원한다." 같은 기준으로 모범 사례와 피해야 할 사례 등의 사용성을 설명합니다.

개인 식별 정보 입력 - 이름

서비스 패턴은 사용자 기반의 경험 설계 가이드로, 주요 과업별로 최적의 UX를 제시하고 필수, 권장, 우수로 적용 수준을 나눠 가이드를 제공합니다.

적용 수준 제공