KKRDS

Public-service style, like a government site: white header with a bottom rule, a "full menu", grey notice boxes, generous line spacing. — 20 entries

Full name: 대한민국 정부 디자인 시스템(KRDS)
License: 공공누리 제1유형(출처표시) · 글꼴 Pretendard GOV(OFL)
Source: partnerscoupang-sites design-systems@22083bd · data babyfood
Attribution: 본 저작물은 행정안전부에서 2024년 작성하여 공공누리 제1유형으로 개방한 ‘범정부 UI/UX 디자인시스템(KRDS)’을 이용하였으며, 해당 저작물은 ‘KRDS 디자인시스템 홈페이지(www.krds.go.kr)’에서 무료로 다운받으실 수 있습니다. www.krds.go.kr

Packs side by side →

···

01Site header사이트 머리

White bar with a thin grey line underneath; the current topic gets darker text and a thick underline. It looks like the header on a government portal.

···

02Site footer사이트 발

A light grey footer that stacks generously. Only the privacy policy link is bold, and the long credit sentence is underlined.

···

03Breadcrumbs현재 위치

Small grey text linking Home > Topic > Post. A chevron icon is the KRDS default; the slash variant is quieter.

···

04Page head주제·안내 페이지 머리

A large bold title with a description and post count, plus a way to other topics. The band variant is grey with blue chips; the plain one uses a line of underlined links.

···

05Not found (404)없는 페이지(404)

A left-aligned 404 page. A blue home button is followed by a numbered list of posts.

···

06Home hero홈 머리

A home header that starts with words and links, no picture. A big title, a line naming the sources, then a post or topic list to read.

···

07Topic index주제 목록

A topic list with a grey rule above each topic. Each topic carries a title and description, plus a few posts or just a count.

···

08Related sites함께 보는 사이트

Shows "More parenting sites" with a blue monogram mark and name. Sites are not colour-coded.

···

09Hub directory허브 사이트 목록

Lists sites in baby-stage order (before birth, first 100 days, and so on). Each stage has a number: blue text in the list and table, a boxed number in the vertical steps.

···

10Post header글 머리

Puts "checked against 6 institutional sources · last verified" under the title and summary, with the affiliate note in a quiet outlined box in small but readable type.

···

11Summary핵심 요약

The key-points block at the top of a post: a rounded, borderless light-grey box with blue checks, bold numbers split by grey rules with no box, or a bold oversized first line.

···

12Table of contents목차

The default table of contents is a right-hand "On this page" list. The chips variant shows a row of chips at every width.

···

13Body text본문

Body text is set large with generous line spacing, and tables, timelines, checklists and quotes get their shape. Variants differ in how many lines and boxes they use.

···

14Care guide위급도 안내

The "When to see a doctor" block. The call-119 card has a heavy black outline; the regular care card has a thin grey one.

···

15Trust box출처 상자

Shows "Sources and checks" as a numbered list in a rounded light-grey box, an unnumbered ledger between two rules, or small footnotes. Each source carries its check date.

···

16FAQ자주 묻는 질문

Question rows stacked inside a bordered box that open with a chevron. The all-open variant puts a blue "Q" and a grey "A" in front.

···

17Product list추천 준비물

Shows recommended items without looking like ads. An outlined affiliate-note box comes first; links are quiet buttons or blue text.

···

18Post card글 카드

Rows separated by lines, like a bulletin board. Blue topic label, bold title, description, date; the lead post grows into a bordered box.

···

19Post list글 목록

A list of numbered post rows under a grey rule. It splits into two columns where there is room.

···

20Pager이전·다음 글

Shows the previous and next post: two bordered boxes, or board-style "Previous / Next" rows.