{"id":37282,"date":"2025-01-22T12:00:00","date_gmt":"2025-01-22T03:00:00","guid":{"rendered":"https:\/\/designcompass.org\/?p=37282"},"modified":"2025-01-24T16:47:31","modified_gmt":"2025-01-24T07:47:31","slug":"krds-start","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2025\/01\/22\/krds-start\/","title":{"rendered":"Launch of the Republic of Korea Government UI\/UX Design System"},"content":{"rendered":"<p>KRDS, which was released last April, is launching its service as a government-wide UI\/UX design system.<\/p>\n\n\n\n<p>The Korean government introduced the &#039;KRDS (Korea Design System)&#039; design system in April to improve the quality and consistency of digital services. KRDS is designed to provide a consistent user experience (UX) and user interface (UI) across public service websites and applications.<\/p>\n\n\n\n<p>KRDS aims to standardize various digital government services. This will allow users to have a consistent experience when using various government services. By codifying design elements (design tokens), we minimized communication issues between designers and developers, increased work efficiency, and improved usability so that anyone can use it easily, considering the digitally vulnerable.<\/p>\n\n\n\n<p>We provide documentation on how to use the design system, its purpose, rules, code samples, etc. We also provide guides and examples for easy reference by users such as designers, developers, and government officials.<\/p>\n\n\n\n<p>It has been updated in detail, from the detailed figures that define the shape of design elements, to the components used when designing websites, to the patterns that solve user problems.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-12-1024x576.png\" alt=\"\" class=\"wp-image-37285\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-12-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-12-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-12-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-12-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-12-1320x743.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-12-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-12.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9KRDS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-13-1024x576.png\" alt=\"\" class=\"wp-image-37286\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-13-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-13-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-13-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-13-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-13-1320x743.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-13-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-13.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9KRDS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-14-1024x576.png\" alt=\"\" class=\"wp-image-37287\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-14-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-14-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-14-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-14-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-14-1320x743.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-14-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-14.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9KRDS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-20-1024x576.png\" alt=\"\" class=\"wp-image-37293\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-20-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-20-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-20-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-20-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-20-1320x743.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-20-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-20.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9KRDS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-15-1024x576.png\" alt=\"\" class=\"wp-image-37288\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-15-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-15-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-15-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-15-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-15-1320x743.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-15-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-15.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9KRDS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-16-1024x576.png\" alt=\"\" class=\"wp-image-37289\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-16-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-16-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-16-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-16-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-16-1320x743.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-16-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-16.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9KRDS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-17-1024x576.png\" alt=\"\" class=\"wp-image-37290\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-17-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-17-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-17-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-17-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-17-1320x743.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-17-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-17.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9KRDS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-18-1024x576.png\" alt=\"\" class=\"wp-image-37291\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-18-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-18-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-18-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-18-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-18-1320x743.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-18-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-18.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9KRDS<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-19-1024x576.png\" alt=\"\" class=\"wp-image-37292\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-19-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-19-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-19-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-19-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-19-1320x743.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-19-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-19.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9KRDS<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.krds.go.kr\/html\/site\/index.html\">https:\/\/www.krds.go.kr\/html\/site\/index.html<\/a><\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>","protected":false},"excerpt":{"rendered":"<p>\uc9c0\ub09c 4\uc6d4 \uacf5\uac1c\ub41c KRDS\uac00 \ubc94\uc815\ubd80 UI\/UX \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc73c\ub85c \uc11c\ube44\uc2a4\ub97c \uac1c\uc2dc\ud569\ub2c8\ub2e4. \ub300\ud55c\ubbfc\uad6d \uc815\ubd80\ub294 \uc9c0\ub09c 4\uc6d4 \ub514\uc9c0\ud138 \uc11c\ube44\uc2a4\uc758 \ud488\uc9c8\uacfc \uc77c\uad00\uc131\uc744 \ub192\uc774\uae30 \uc704\ud574 &#8216;KRDS(Korea Design System)&#8217; \ub514\uc790\uc778 \uc2dc\uc2a4\ud15c\uc744 \ub3c4\uc785\ud588\uc2b5\ub2c8\ub2e4. KRDS\ub294 \uacf5\uacf5 \uc11c\ube44\uc2a4 \uc6f9\uc0ac\uc774\ud2b8\uc640 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc77c\uad00\ub41c \uc0ac\uc6a9\uc790 \uacbd\ud5d8(UX)\uacfc \uc0ac\uc6a9\uc790 \uc778\ud130\ud398\uc774\uc2a4(UI)\ub97c \uc81c\uacf5\ud558\uae30 \uc704\ud574 \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. KRDS\ub294 \ub2e4\uc591\ud55c \ub514\uc9c0\ud138 \uc815\ubd80 \uc11c\ube44\uc2a4\uc758 \ud45c\uc900\ud654\ub97c \ubaa9\uc801\uc73c\ub85c \ud569\ub2c8\ub2e4. \uc774\ub97c \ud1b5\ud574 \uc0ac\uc6a9\uc790\ub4e4\uc740 \uc5ec\ub7ec \uc815\ubd80 \uc11c\ube44\uc2a4\ub97c \uc774\uc6a9\ud560 \ub54c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":37284,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,621],"tags":[370,377,683,1039],"class_list":["post-37282","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-service","tag-ui","tag-ux","tag-683","tag-1039"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2025\/01\/krds-start-11.png","publishpress_future_action":{"enabled":false,"date":"2026-05-11 15:48:14","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/37282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=37282"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/37282\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/37284"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=37282"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=37282"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=37282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}