CINXE.COM

<!DOCTYPE html> <html lang="en" class="govuk-template "> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("http://web.archive.org/web"); __wm.wombat("https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/","20220818015837","http://web.archive.org/","web","/_static/", "1660787917"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"/> <title>The GOV.UK Design System is now live - Government Digital Service</title> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta name="theme-color" content="#0b0c0c"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="shortcut icon" sizes="16x16 32x32 48x48" href="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/govuk/assets/images/favicon.ico" type="image/x-icon"> <link rel="mask-icon" href="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/govuk/assets/images/govuk-mask-icon.svg" color="#0b0c0c"> <link rel="apple-touch-icon" sizes="180x180" href="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-180x180.png"> <link rel="apple-touch-icon" sizes="167x167" href="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="152x152" href="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" href="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon.png">  <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:creator" content="@GDSTeam"> <meta name="twitter:site" content="@GDSTeam"> <meta name="twitter:title" content="The GOV.UK Design System is now live"> <meta name="twitter:description" content="Follow the GOV.UK Design System’s journey to achieving live status, what we learned along the way and plans for the future."> <meta name="twitter:image" content="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/03/Design-System-blog-post.jpg">  <meta name="robots" content="max-image-preview:large"/> <link rel="dns-prefetch" href="//web.archive.org/web/20220818015837/https://cc.cdn.civiccomputing.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20220818015837/https://s.w.org/"/> <link rel="alternate" type="application/atom+xml" title="Government Digital Service » Feed" href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/feed/"/> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"http:\/\/web.archive.org\/web\/20220818015837\/https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"http:\/\/web.archive.org\/web\/20220818015837\/https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/web.archive.org\/web\/20220818015837\/https:\/\/gds.blog.gov.uk\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.0"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode,e=(p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0),i.toDataURL());return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([129777,127995,8205,129778,127999],[129777,127995,8203,129778,127999])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel="stylesheet" id="wp-block-library-css" href="http://web.archive.org/web/20220818015837cs_/https://gds.blog.gov.uk/wp-includes/css/dist/block-library/style.min.css?ver=6.0" type="text/css" media="all"/> <style id="global-styles-inline-css" type="text/css"> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('/web/20220818015837im_/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('/web/20220818015837im_/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('/web/20220818015837im_/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('/web/20220818015837im_/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('/web/20220818015837im_/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('/web/20220818015837im_/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('/web/20220818015837im_/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('/web/20220818015837im_/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel="stylesheet" id="dxw-digest-css" href="http://web.archive.org/web/20220818015837cs_/https://gds.blog.gov.uk/wp-content/plugins/dxw-digest/assets/css/dxw-digest.css?ver=6.0" type="text/css" media="all"/> <link rel="stylesheet" id="main-css" href="http://web.archive.org/web/20220818015837cs_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/build/main.min.css?ver=6.0" type="text/css" media="all"/> <link rel="stylesheet" id="aurora-heatmap-css" href="http://web.archive.org/web/20220818015837cs_/https://gds.blog.gov.uk/wp-content/plugins/aurora-heatmap/style.css?ver=1.5.4" type="text/css" media="all"/> <script type="text/javascript" src="http://web.archive.org/web/20220818015837js_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/build/main.min.js?ver=6.0" id="main-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220818015837js_/https://cc.cdn.civiccomputing.com/8/cookieControl-8.x.min.js?ver=6.0" id="cookieControl-js"></script> <script type="text/javascript" id="cookieControlConfig-js-extra"> /* <![CDATA[ */ var cookieControlSettings = {"apiKey":"c8b1d37ba682b6d122f1360da011322b3b755539","product":"PRO","domain":"gds.blog.gov.uk"}; /* ]]> */ </script> <script type="text/javascript" src="http://web.archive.org/web/20220818015837js_/https://gds.blog.gov.uk/wp-content/plugins/gds-cookies-and-analytics/assets/cookieControlConfig.js?ver=6.0" id="cookieControlConfig-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220818015837js_/https://gds.blog.gov.uk/wp-includes/js/jquery/jquery.min.js?ver=3.6.0" id="jquery-core-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220818015837js_/https://gds.blog.gov.uk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2" id="jquery-migrate-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220818015837js_/https://gds.blog.gov.uk/wp-content/plugins/dxw-digest/assets/js/dxw-digest.js?ver=6.0" id="dxw-digest-js"></script> <script type="text/javascript" src="http://web.archive.org/web/20220818015837js_/https://gds.blog.gov.uk/wp-content/plugins/aurora-heatmap/js/mobile-detect.min.js?ver=1.4.4" id="mobile-detect-js"></script> <script type="text/javascript" id="aurora-heatmap-reporter-js-extra"> /* <![CDATA[ */ var aurora_heatmap_reporter = {"ajax_url":"http:\/\/web.archive.org\/web\/20220818015837\/https:\/\/gds.blog.gov.uk\/wp-admin\/admin-ajax.php","action":"aurora_heatmap","interval":"10","stacks":"10","reports":"click_pc,click_mobile","debug":"0","ajax_delay_time":"3000"}; /* ]]> */ </script> <script type="text/javascript" src="http://web.archive.org/web/20220818015837js_/https://gds.blog.gov.uk/wp-content/plugins/aurora-heatmap/js/reporter.js?ver=1.5.4" id="aurora-heatmap-reporter-js"></script> <link rel="alternate" type="application/json+oembed" href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgds.blog.gov.uk%2F2022%2F03%2F31%2Fthe-gov-uk-design-system-is-now-live%2F"/> <link rel="alternate" type="text/xml+oembed" href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fgds.blog.gov.uk%2F2022%2F03%2F31%2Fthe-gov-uk-design-system-is-now-live%2F&format=xml"/> <meta property="og:image" content="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/03/Design-System-blog-post.jpg"> <link rel="shortcut icon" href="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/favicon.ico"> <meta name="description" content="GDS is leading the digital transformation of the UK government."/> <link rel="canonical" href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/"> </head> <body class="govuk-template__body post-template-default single single-post postid-35134 single-format-standard"> <script>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script> <a href="#content" class="govuk-skip-link">Skip to main content</a> <header role="banner" class="govuk-header" data-module="govuk-header"> <div class="govuk-header__container govuk-width-container"> <div class="govuk-header__logo"> <a href="http://web.archive.org/web/20220818015837/https://www.gov.uk/" title="Go to the GOV.UK homepage" id="logo" class="govuk-header__link govuk-header__link--homepage"> <span class="govuk-header__logotype"> <svg aria-hidden="true" focusable="false" class="govuk-header__logotype-crown" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 132 97" height="30" width="36"> <path fill="currentColor" fill-rule="evenodd" d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path> <image src="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/themes/gds-blogs/build/node_modules/govuk-frontend/govuk/assets/images/govuk-logotype-crown.png" xlink:href="/web/20220818015837im_/https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/" class="govuk-header__logotype-crown-fallback-image" width="36" height="32"></image> </svg> <span class="govuk-header__logotype-text"> GOV.UK </span> </span> </a> </div> </div> </header> <div class="govuk-width-container"> <header class="header" aria-label="blog name"> <div class="govuk-grid-row"> <div class="govuk-grid-column-two-thirds"> <h1 class="blog-title govuk-heading-xl"> <span class="blog"><a href="http://web.archive.org/web/20220818015837/https://www.blog.gov.uk/">Blog</a></span> <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/">Government Digital Service</a> </h1> <div class="bottom blog-meta"> <dl> <dt>Organisations:</dt> <dd><a href="http://web.archive.org/web/20220818015837/https://www.gov.uk/government/organisations/government-digital-service">Government Digital Service</a>, <a href="http://web.archive.org/web/20220818015837/https://www.gov.uk/government/organisations/cabinet-office">Cabinet Office</a></dd> </dl> </div> </div> <div class="govuk-grid-column-one-third"> <div class="bottom search-container"> <form role="search" method="get" id="searchform" class="form-search" action="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/"> <label class="govuk-visually-hidden" for="s">Search for:</label> <div class="search-input-wrapper"> <input type="search" value="" name="s" id="s" class="search-query" placeholder="Search blog"> <input type="submit" id="searchsubmit" value="Search" class="btn"> </div> </form> </div> </div> </div> </header> <main id="content" class="govuk-grid-row" role="main"> <div class="govuk-grid-column-two-thirds main-content"> <article class="clearfix post-35134 post type-post status-publish format-standard has-post-thumbnail hentry category-digital-service-platforms category-service-design category-transformation"> <div class="visible-print"> <p>https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/</p> </div> <header> <h1 class="govuk-heading-xl">The GOV.UK Design System is now live</h1> <div class="govuk-body-s"> <span class="govuk-visually-hidden">Posted by: </span> <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/author/trang-erskine/" title="Posts by Trang Erskine, Senior Product Manager, Government Digital Service" class="author url fn" rel="author">Trang Erskine, Senior Product Manager, Government Digital Service</a>, <span class="govuk-visually-hidden">Posted on: </span><time class="updated" datetime="2022-03-31T11:00:49+01:00" pubdate>31 March 2022</time> - <span class="govuk-visually-hidden">Categories: </span> <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/category/digital-service-platforms/" rel="category tag">Digital Service Platforms</a>, <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/category/service-design/" rel="category tag">Service design</a>, <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/category/transformation/" rel="category tag">Transformation</a></div> </header> <div class="entry-content"> <p><img class="aligncenter wp-image-35135 size-large" src="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/03/Design-System-blog-post-620x413.jpg" alt="GOV.UK Design System live sticker with a picture of a monarch butterfly and the pass date (19 November 2021)." width="620" height="413" srcset="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/03/Design-System-blog-post-620x413.jpg 620w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/03/Design-System-blog-post-310x207.jpg 310w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/03/Design-System-blog-post-768x512.jpg 768w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/03/Design-System-blog-post.jpg 960w" sizes="(max-width: 620px) 100vw, 620px"/></p> <p>At the end of last year, the <a href="http://web.archive.org/web/20220818015837/https://design-system.service.gov.uk/">GOV.UK Design System</a> passed the live assessment and officially became a live service.</p> <p>Becoming a '<a href="http://web.archive.org/web/20220818015837/https://www.gov.uk/service-manual/agile-delivery/how-the-live-phase-works">live</a>' service shows that the GOV.UK Design System is a mature, sustainable product that our users can rely on, and it will continue to be iterated and improved upon. It hasn't dramatically changed what the team's been doing, though it reassures us that we're building our product in the right way. The live assessment has been a great opportunity to have a panel of experts in their fields, our peers, review our work as it's difficult to see the whole picture when you're working in the thick of it. It also gives us an opportunity to reflect on how we've developed the GOV.UK Design System.</p> <p>Getting to live status represents the hard work the team, both past and present, have put into the GOV.UK Design System over the years. Both the team and the GOV.UK Design System have evolved and now is a good time for us to reflect on what we’ve achieved so far — and what else is still to come.</p> <h2>What we learned from the live assessment?</h2> <p>While we were quietly confident in the product we'd built, we were also apprehensive as we prepared for the live assessment.</p> <p>As it turns out, we did not pass our live assessment the first time. The assessment panel told us we did not meet the criteria in the Service Standard to '<a href="http://web.archive.org/web/20220818015837/https://www.gov.uk/service-manual/service-standard">Define what success looks like and publish performance data</a>'. In particular, they identified gaps in how our team measured website usage, used data to complement qualitative research and improved our knowledge of the wider potential market.</p> <p>We were definitely disappointed, but the assessment was helpful in telling us what we needed to work on. Specifically, it confirmed the need for us to bring in a performance analyst onto the team to properly measure performance.</p> <p>Fortunately, it was something we'd been looking at and had already brought one on to the team that same month. So we had what we needed to pass the assessment the next time around, it was mostly a matter of priority.</p> <p>The assessment report helped confirm that we were on the right path to build up our performance analytics and make sure they fed into our decision making processes. We also received helpful <a href="http://web.archive.org/web/20220818015837/https://www.gov.uk/service-standard-reports/gov-dot-uk-design-system-live-assessment">recommendations</a> from the panel to make further improvements to the GOV.UK Design System. We're already working on improving some of these issues.</p> <h2>What’s changed?</h2> <p>The GOV.UK Design System contains styles, components and patterns to help teams in government create user-centred digital services.</p> <p>Since its <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2018/06/22/introducing-the-gov-uk-design-system/?utm_medium=referral&utm_source=gdsblog&utm_campaign=designsystemlive">launch</a> in 2018, we've:</p> <ul> <li>added or improved 32 <a href="http://web.archive.org/web/20220818015837/https://design-system.service.gov.uk/">styles, components or patterns</a></li> <li>seen our code reused over 3,300 times</li> <li>seen the <a href="http://web.archive.org/web/20220818015837/https://www.npmjs.com/package/govuk-frontend">GOV.UK Frontend code package</a> downloaded over 2,700,000 times</li> <li>started running co-design workshops with the community</li> <li>started running an annual conference - Design System Day</li> </ul> <p>Everything in the Design System is thoroughly documented and tested, to make sure that it's as useful, usable and accessible as possible. In fact, pages on GOV.UK built with the Design System download about twice as fast as those that haven't, as they use about half as much code.</p> <p>Many of the improvements to the Design System are made by our users, who regularly contribute work back into the Design System, so that everyone can benefit from it.</p> <h2>What have we learnt along the way?</h2> <p>The GOV.UK Design System can be a really powerful tool to help teams get services up and running fast. This was exemplified during the start of the pandemic where 52 services were built within weeks, not months, to respond to changing information and policy to help the government provide essential services to citizens. The "Get coronavirus support as an extremely vulnerable person" service was <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2021/02/24/podcast-the-clinically-extremely-vulnerable-people-service/?utm_medium=referral&utm_source=gdsblog&utm_campaign=designsystemlive">built from concept to live service in fewer than 4 days</a> — it’s estimated this saved the government £10.4m.</p> <p>Throughout the years, we've relied upon the community to support us by sharing their work and feedback with us. In turn, we've also recognised the need to nurture and maintain our community. Last year we hired a community manager specifically to help us do this. We've started hosting <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2021/11/30/podcast-maps-in-services/?utm_medium=referral&utm_source=gdsblog&utm_campaign=designsystemlive">co-design workshops</a> with the community to progress some tricky components and patterns that hadn't been contributed yet.</p> <h2>What’s next?</h2> <p>Our team has expanded over the past year or so, which means we can start doing some of the things we've always planned to do, but never had the capacity for. Here are some of our highlights for this coming year (or you can look at our <a href="http://web.archive.org/web/20220818015837/https://design-system.service.gov.uk/community/roadmap/">roadmap</a> for more details):</p> <ul> <li>improving the way JavaScript is configured</li> <li>adding even more components and patterns to the GOV.UK Design System</li> <li>removing barriers to contributions</li> <li>looking ahead at new accessibility standard changes with WCAG 2.2</li> </ul> <div class="highlight">If you’re interested in keeping up to date with what we are doing and community events, like the co-design workshops, you can <a href="http://web.archive.org/web/20220818015837/https://mailchi.mp/707ce8dec373/get-updated-by-email-govuk-design-system">sign up to our email updates</a>.</div> </div> <div class="footer single"> </div> </article> <nav class="page-numbers-container page-navigation" aria-label="Pagination"> <div class="previous"> <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2022/03/01/podcast-improving-navigation-on-gov-uk/" rel="prev">Podcast: Improving navigation on GOV.UK</a> </div> <div class="next"> <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2022/05/09/using-documentation-driven-development-for-gov-uk-sign-in/" rel="next">Using documentation-driven development for GOV.UK Sign In</a> </div> </nav> <h2 class="govuk-visually-hidden">Sharing and comments</h2> <div class="icons-buttons"> <h3>Share this page</h3> <ul> <li> <a target="_blank" href="http://web.archive.org/web/20220818015837/https://twitter.com/intent/tweet?original_referer&url=https%3A%2F%2Fgds.blog.gov.uk%2F2022%2F03%2F31%2Fthe-gov-uk-design-system-is-now-live%2F&text=The+GOV.UK+Design+System+is+now+live" class="twitter">Twitter</a> </li> <li> <a target="_blank" href="http://web.archive.org/web/20220818015837/https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fgds.blog.gov.uk%2F2022%2F03%2F31%2Fthe-gov-uk-design-system-is-now-live%2F" class="facebook">Facebook</a> </li> <li> <a target="_blank" href="http://web.archive.org/web/20220818015837/https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fgds.blog.gov.uk%2F2022%2F03%2F31%2Fthe-gov-uk-design-system-is-now-live%2F" class="linkedin">LinkedIn</a> </li> <li> <a href="http://web.archive.org/web/20220818015837/mailto:/?subject=I wanted to share this post with you from Government Digital Service&body=The GOV.UK Design System is now live https://gds.blog.gov.uk/2022/03/31/the-gov-uk-design-system-is-now-live/" class="email">Email</a> </li> </ul> <div class="clearfix"></div> </div> </div> <div class="govuk-grid-column-one-third sidebar-contain"> <div class="sidebar"> <h2 class="govuk-heading-m govuk-visually-hidden">Related content and links</h2> <section class="widget about_widget"><h3>Government Digital Service</h3><p>Government Digital Service (GDS) builds platforms, products and services that help deliver a simple, joined-up and personalised experience of government to everyone.</p> <p><a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/about/">Find out more</a>.</p> </section><section class="widget text-11 widget_text"><div class="widget-inner"><h3>Government’s authentication and digital identity solution</h3> <div class="textwidget"><p><img loading="lazy" class="alignnone wp-image-35015 size-large" src="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2021/12/DI-Photo-December-2021-16-620x413.jpeg" alt="" width="620" height="413" srcset="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2021/12/DI-Photo-December-2021-16-620x413.jpeg 620w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2021/12/DI-Photo-December-2021-16-310x207.jpeg 310w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2021/12/DI-Photo-December-2021-16-768x512.jpeg 768w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2021/12/DI-Photo-December-2021-16-1536x1024.jpeg 1536w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2021/12/DI-Photo-December-2021-16-2048x1365.jpeg 2048w" sizes="(max-width: 620px) 100vw, 620px"/></p> <p><span style="font-weight: 400">Read </span><a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2021/12/01/one-login-for-government-december-2021-update/?utm_medium=referral&utm_source=gdsblogwidget&utm_campaign=digiid-li"><span style="font-weight: 400">GDS’s recent blog post</span></a> <span style="font-weight: 400">for an update on our one login for government programme, including live beta, onboarding and feature development.</span></p> </div> </div></section><section class="widget text-12 widget_text"><div class="widget-inner"><h3>Be part of the transformation</h3> <div class="textwidget"><p><img loading="lazy" class="aligncenter size-large wp-image-35154" src="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/04/P1020874-620x413.jpg" alt="Chief Executive Tom Read sits between colleagues at the Government Digital Service." width="620" height="413" srcset="http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/04/P1020874-620x413.jpg 620w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/04/P1020874-310x207.jpg 310w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/04/P1020874-768x512.jpg 768w, http://web.archive.org/web/20220818015837im_/https://gds.blog.gov.uk/wp-content/uploads/sites/60/2022/04/P1020874.jpg 1500w" sizes="(max-width: 620px) 100vw, 620px"/></p> <p><span style="font-weight: 400">If you’re interested in joining us, check out all open opportunities on the </span><a href="http://web.archive.org/web/20220818015837/https://gdscareers.gov.uk/?utm_source=GDS+blog&utm_medium=widget&utm_campaign=RandL"><span style="font-weight: 400">GDS careers</span></a><span style="font-weight: 400"> site.</span></p> </div> </div></section><section class="widget feed_email_widget-2 feed_email_widget"><div class="widget-inner"> <h3>Sign up and manage updates</h3> <div class="subscribe icons-buttons"> <ul> <li> <a aria-label="Sign up and manage updates by email" href="/web/20220818015837/https://gds.blog.gov.uk/subscribe/" class="email">Email</a> </li> <li> <a aria-label="Use this with a feed reader to subscribe" href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/feed/" class="feed">Atom</a> </li> </ul> <div class="clear"></div> </div> </div></section><section class="widget nav_menu-3 widget_nav_menu"><div class="widget-inner"><h3>Follow us</h3><ul id="menu-follow-us" class="menu"><li class="menu-twitter"><a href="http://web.archive.org/web/20220818015837/https://twitter.com/gdsteam">Twitter</a></li> <li class="menu-facebook"><a href="http://web.archive.org/web/20220818015837/https://www.facebook.com/GovernmentDigitalService">Facebook</a></li> <li class="menu-youtube"><a href="http://web.archive.org/web/20220818015837/https://www.youtube.com/user/GovDigitalService">YouTube</a></li> <li class="menu-instagram"><a href="http://web.archive.org/web/20220818015837/http://instagram.com/gdsteam">Instagram</a></li> <li class="menu-linkedin"><a href="http://web.archive.org/web/20220818015837/http://www.linkedin.com/company/government-digital-service">LinkedIn</a></li> <li class="menu-gds-podcasts"><a href="http://web.archive.org/web/20220818015837/https://governmentdigitalservice.podbean.com/">GDS Podcasts</a></li> </ul></div></section> <section class="widget recent-posts-2 widget_recent_entries"><div class="widget-inner"> <h3>Recent Posts</h3> <ul> <li> <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2022/07/25/2-years-of-covid-19-on-gov-uk/">2 Years of COVID-19 on GOV.UK</a> <span class="post-date">25 July 2022</span> </li> <li> <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2022/07/20/how-rewriting-text-messages-can-help-services-to-save-money/">How rewriting text messages can help services to save money</a> <span class="post-date">20 July 2022</span> </li> <li> <a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/2022/07/14/building-an-inclusive-environment-at-the-government-digital-service/">Building an inclusive culture at the Government Digital Service</a> <span class="post-date">14 July 2022</span> </li> </ul> </div></section><section class="widget text-7 widget_text"><div class="widget-inner"><h3>Comments and moderation</h3> <div class="textwidget"><a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/terms/">Read our guidelines</a></div> </div></section><section class="widget text-8 widget_text"><div class="widget-inner"><h3>Social media house rules</h3> <div class="textwidget"><p><a href="http://web.archive.org/web/20220818015837/https://gds.blog.gov.uk/social-media-house-rules/">Read our guidelines</a></p> </div> </div></section></div> </div> </main> </div> <footer class="govuk-footer js-footer" role="contentinfo"> <div class="govuk-width-container"> <div class="govuk-footer__meta"> <div class="govuk-footer__meta-item govuk-footer__meta-item--grow"> <h2 class="govuk-visually-hidden">Useful links</h2> <ul id="menu-footer" class="govuk-footer__inline-list"> <li class="govuk-footer__inline-list-item menu-all-government-blogs"><a class="govuk-footer__link" href="http://web.archive.org/web/20220818015837/https://www.blog.gov.uk/">All GOV.UK blogs</a></li> <li class="govuk-footer__inline-list-item menu-all-government-blog-posts"><a class="govuk-footer__link" href="http://web.archive.org/web/20220818015837/https://www.blog.gov.uk/all-posts/">All GOV.UK blog posts</a></li> <li class="govuk-footer__inline-list-item menu-gov-uk"><a class="govuk-footer__link" href="http://web.archive.org/web/20220818015837/https://www.gov.uk/">GOV.UK</a></li> <li class="govuk-footer__inline-list-item menu-all-departments"><a class="govuk-footer__link" href="http://web.archive.org/web/20220818015837/https://www.gov.uk/government/organisations">All departments</a></li> <li class="govuk-footer__inline-list-item menu-a11y"><a class="govuk-footer__link" href="http://web.archive.org/web/20220818015837/https://www.blog.gov.uk/accessibility-statement/">Accessibility statement</a></li> <li class="govuk-footer__inline-list-item menu-cookies"><a class="govuk-footer__link" href="http://web.archive.org/web/20220818015837/https://www.blog.gov.uk/cookies">Cookies</a></li> </ul> <svg aria-hidden="true" focusable="false" class="govuk-footer__licence-logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 483.2 195.7" height="17" width="41"> <path fill="currentColor" d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"/> </svg> <span class="govuk-footer__licence-description"> <span class="govuk-footer__licence-description">All content is available under the <a class="govuk-footer__link" href="http://web.archive.org/web/20220818015837/https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" rel="license">Open Government Licence v3.0</a>, except where otherwise stated</span> </span> </div> <div class="govuk-footer__meta-item"> <a class="govuk-footer__link govuk-footer__copyright-logo" href="http://web.archive.org/web/20220818015837/https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/">© Crown copyright</a> </div> </div> </div> </footer> <div id="global-app-error" class="app-error hidden"></div> <script type="text/javascript"> var relevanssi_rt_regex = /(&|\?)_(rt|rt_nonce)=(\w+)/g var newUrl = window.location.search.replace(relevanssi_rt_regex, '') history.replaceState(null, null, window.location.pathname + newUrl + window.location.hash) </script> </body> </html>