CINXE.COM

<!doctype html> <html style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: auto;min-height: 100vh;box-sizing: border-box !important;"> <head style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"><script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/ada1bae4b177beb9e03502ced/6856d152db4b9e6c92a57df96.js");</script> <meta charset="UTF-8" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <title style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;">Get updated by email — GOV.UK Design System</title> <style type="text/css" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> html,body{ height:100%; } p{ margin:10px 0; padding:0; } h1,h2,h3,h4,h5,h6{ display:block; margin:0; padding:0; } img,a img{ border:0; height:auto; outline:none; text-decoration:none; } body{ margin:0 !important; padding:0 !important; width:100%; background-color:#f3f2f1; background-position:center; background-size:cover; } .mcnTextBlock:after,.mcnTextBlockInner:after{ display:table; clear:both; } *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box !important; } html,body,.wrapper{ height:auto; min-height:100vh; } body{ position:relative; background-color:#f3f2f1; background-position:center; background-size:cover; } .wrapper{ display:flex; flex-direction:column; } .templateSection{ display:flex; flex-shrink:0; justify-content:center; } .templateSection:last-of-type{ flex-grow:2; min-height:1px; } .sectionFlexColumn{ align-items:center; display:flex; flex-direction:column; width:100%; } a.mcnButton{ display:block; } .mcnImage{ vertical-align:bottom; } .mcnTextContent{ word-break:break-word; flex-flow:column; } .mcnTextContent img{ max-width:100%; height:auto !important; } .mcnDividerBlock{ table-layout:fixed !important; } .mcPrivacyBadge{ opacity:0.6; } .mcPrivacyBadge:hover{ opacity:1; } .mcPrivacyBadge a.privacyLink{ text-decoration:none; } .mcPrivacyBadge a.privacyLink:hover{ text-decoration:underline; } .mcnTemplatePageBanner{ position:fixed; padding:18px; bottom:0; top:unset; left:0; right:0; box-sizing:border-box; z-index:1; } .mcnPageBannerContainer{ position:relative; display:flex; justify-content:center; padding:18px; box-shadow:0px 2px 3px rgba(36, 28, 21, 0.1); border:1px solid #dedddc; } .mcnPageBannerContentContainer{ padding:0 24px 0 0; } .mcnCloseButton{ opacity:.4; background:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAAEVQTFRFAAAA////////////////////////////////////////////////////////AAAACwsLlpaWv7+/wMDAwcHB5+fn////js+8jgAAAA90Uk5TABkaT2lvcJi1ttny8/v+KMQKuwAAAJdJREFUKM91UuEawiAIRGdp6pZzi/d/1HDo11bd/RAFTk6QSGFdiDnH4CydYfzMHbM3H/+U+IQ0Df994QuWW8//8kvk4JjEP0itjtf962K86FQ9a6nN1LKqNktOE8uzbMybGOU4eii3imvfZal6DhR7vZastAOR8lAi6UIap4wD8KqAikO58IGwJbiJsO14UHi0+DP8+z5v3a8i3EEOD1IAAAAASUVORK5CYII=); position:absolute; top:18px; right:18px; height:24px; width:24px; } .mcnCloseButton:hover{ opacity:.9; } .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; } .mcnPaymentTextContent{ min-width:284px; } body{ background-color:#f3f2f1; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; } .templateSection{ padding-right:0px; padding-left:0px; } .contentContainer{ max-width:780px; width:100%; flex:0 0 auto; } h1{ color:#0b0c0c; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:36px; font-style:normal; font-weight:bold; line-height:100%; letter-spacing:normal; text-align:left; } h2{ color:#0b0c0c; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:24px; font-style:normal; font-weight:bold; line-height:150%; letter-spacing:normal; text-align:left; } h3{ color:#0b0c0c; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:19px; font-style:normal; font-weight:bold; line-height:150%; letter-spacing:normal; text-align:left; } h4{ color:#0b0c0c; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:14px; font-style:normal; font-weight:bold; line-height:125%; letter-spacing:normal; text-align:left; } .templateHeader{ background-color:#transparent; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:0; padding-top:54px; padding-bottom:0; } .headerContainer{ background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:0; padding-top:36px; padding-bottom:18px; box-shadow:none; } .headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{ color:#0b0c0c; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:16px; line-height:150%; text-align:left; } .headerContainer .mcnTextContent a,.headerContainer .mcnTextContent p a{ color:#1d70b8; font-weight:normal; text-decoration:underline; } .templateBody{ background-color:#f3f2f1; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:0; padding-top:0; padding-bottom:0px; } .bodyContainer{ background-color:#ffffff; background-image:none; background-repeat:no-repeat; background-position:center; background-size:cover; border-top:0; border-bottom:0; padding-top:0; padding-bottom:45px; box-shadow:none; } .bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p,.mcnTemplatePageBanner{ color:#0b0c0c; font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; font-size:16px; line-height:150%; text-align:left; } .bodyContainer .mcnTextContent a,.bodyContainer .mcnTextContent p a,.mcnTemplatePageBanner a,.mcnTemplatePageBanner p a{ color:#1d70b8; font-weight:normal; text-decoration:underline; } @media only screen and (max-width: 480px){ body,table,td,p,a,li,blockquote{ -webkit-text-size-adjust:none !important; } } @media only screen and (max-width: 480px){ body{ width:100% !important; min-width:100% !important; } } @media only screen and (max-width: 480px){ .mcPrivacyBadge{ padding:12px 12px !important; } } @media only screen and (max-width: 480px){ .mcPrivacyBadgeContent{ flex-direction:column; } } @media only screen and (max-width: 480px){ .monkeyrewards{ order:1; margin-bottom:18px; } } @media only screen and (max-width: 480px){ .reportAbuseWrapper{ order:2; } } @media only screen and (max-width: 480px){ .mcnCaptionBlockInner{ flex:0 0 auto; } } @media only screen and (max-width: 480px){ .mcnCaptionBlock{ flex-direction:column; } } @media only screen and (max-width: 480px){ .mcnVideoContainer{ width:100% !important; } } @media only screen and (max-width: 480px){ .mcnRetinaImage{ max-width:100% !important; } } @media only screen and (max-width: 480px){ .mcnTextBlockInner{ padding:9px 0 !important; } } @media only screen and (max-width: 480px){ .mcnImageGroupContent{ padding:9px !important; } } @media only screen and (max-width: 480px){ .mcnCaptionColumn{ flex-direction:column !important; } } @media only screen and (max-width: 480px){ .mcnSignUpFormContentContainer{ flex:auto !important; padding-right:0 !important; padding-left:0 !important; } } @media only screen and (max-width: 480px){ .mcnCaptionLeftContentInner,.mcnCaptionRightContentInner{ padding:0 9px 9px 9px !important; } } @media only screen and (max-width: 480px){ .mcnImageCardRightContentInner .mcnImageCardImageContent,.mcnImageCardLeftContentInner .mcnImageCardImageContent{ padding:18px 18px 0 18px !important; } } @media only screen and (max-width: 480px){ .mcnTextBlockInner,.mcnBoxedTextBlockInner,.mcnImageCardLeftContentInner,.mcnImageCardRightContentInner,.mcnCaptionLeftContentInner,.mcnCaptionRightContentInner{ flex-direction:column !important; } } @media only screen and (max-width: 480px){ .mcnCaptionLeftContentInner .mcnTextContent,.mcnCaptionRightContentInner .mcnTextContent{ padding:9px 9px 0 9px !important; } } @media only screen and (max-width: 480px){ .mcnImageCardTopImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{ padding-top:18px !important; } } @media only screen and (max-width: 480px){ .mcnImageCardBottomImageContent{ padding-bottom:9px !important; } } @media only screen and (max-width: 480px){ .mcnImageGroupBlockInner{ padding-top:0 !important; padding-bottom:0 !important; } } @media only screen and (max-width: 480px){ .mcnImageGroupBlockOuter{ padding-top:9px !important; padding-bottom:9px !important; } } @media only screen and (max-width: 480px){ .mcnTextContent,.mcnBoxedTextContentColumn{ padding-right:18px !important; padding-left:18px !important; } } @media only screen and (max-width: 480px){ .mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{ padding-right:18px !important; padding-bottom:0 !important; padding-left:18px !important; } } @media only screen and (max-width: 480px){ .mcpreview-image-uploader{ display:none !important; width:100% !important; } } @media only screen and (max-width: 480px){ .mcnRecContentContainer--row{ flex:0 0 50% !important; } } @media only screen and (max-width: 480px){ .mcnRecContentContainer .mcnProductTitle,.mcnRecContentContainer .mcnButtonBlock,.mcnRecContentContainer .mcnProductPrice{ padding-left:0 !important; padding-right:0 !important; } } @media only screen and (max-width: 480px){ .mcnPaymentProduct{ flex-direction:column !important; } } @media only screen and (max-width: 480px){ .mcnPaymentTextContent{ min-width:200px !important; } } @media only screen and (max-width: 480px){ .mcnPaymentGalleryImages div{ width:100% !important; min-width:0 !important; } } @media only screen and (max-width: 480px){ .mcnGalleryImage:nth-last-child(2):first-child,.mcnGalleryImage:nth-last-child(2):first-child ~ .mcnGalleryImage{ height:90px !important; min-width:55px !important; max-width:90px !important; } } @media only screen and (max-width: 480px){ .mcnGalleryImage:nth-last-child(3):first-child,.mcnGalleryImage:nth-last-child(3):first-child ~ .mcnGalleryImage{ height:60px !important; min-width:55px !important; max-width:60px !important; } } @media only screen and (max-width: 480px){ .mcnGalleryImage:nth-last-child(4):first-child,.mcnGalleryImage:nth-last-child(4):first-child ~ .mcnGalleryImage{ height:60px !important; min-width:35px !important; } } @media only screen and (max-width: 480px){ .mcnGalleryImage:nth-last-child(5):first-child,.mcnGalleryImage:nth-last-child(5):first-child ~ .mcnGalleryImage{ height:50px !important; min-width:35px !important; } } @media only screen and (max-width: 480px){ .mcPrivacyBadge{ opacity:1; } } @media only screen and (max-width: 480px){ h1{ font-size:30px !important; line-height:125% !important; } } @media only screen and (max-width: 480px){ h2{ font-size:26px !important; line-height:125% !important; } } @media only screen and (max-width: 480px){ h3{ font-size:20px !important; line-height:150% !important; } } @media only screen and (max-width: 480px){ h4{ font-size:18px !important; line-height:150% !important; } } @media only screen and (max-width: 480px){ .mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{ font-size:14px !important; line-height:150% !important; } } @media only screen and (max-width: 480px){ .headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{ font-size:16px !important; line-height:150% !important; } } @media only screen and (max-width: 480px){ .bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p,.mcnTemplatePageBanner{ font-size:16px !important; line-height:150% !important; } }</style><meta property="og:title" content="Get updated by email — GOV.UK Design System"><meta name="twitter:title" content="Get updated by email — GOV.UK Design System"><meta property="og:type" content="website"><meta name="twitter:type" content="website"><meta property="og:url" content="https://mailchi.mp/707ce8dec373/get-updated-by-email-govuk-design-system"><meta name="twitter:url" content="https://mailchi.mp/707ce8dec373/get-updated-by-email-govuk-design-system"><link rel="icon" href="https://s3.amazonaws.com/cdn-images.mailchimp.com/websites/favicons/default/favicon.ico" type="image/x-icon"><link rel="apple-touch-icon" href="https://s3.amazonaws.com/cdn-images.mailchimp.com/websites/favicons/default/apple-touch-icon.png" sizes="180x180"><link rel="icon" href="https://s3.amazonaws.com/cdn-images.mailchimp.com/websites/favicons/default/android-chrome-192x192.png" type="image/png" sizes="192x192"><link rel="icon" href="https://s3.amazonaws.com/cdn-images.mailchimp.com/websites/favicons/default/android-chrome-512x512.png" type="image/png" sizes="512x512"><link rel="stylesheet" type="text/css" href="https://eep.io/mc-release/1.1.14ad298d00531eb08ae242605d6e8e8ed443683fa/css/signup-forms/pages/common.css"></head> <body data-template-page-bg style="background:#f3f2f1 none no-repeat center/cover;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: auto;width: 100%;background-color: #f3f2f1;background-position: center;background-size: cover;position: relative;background-image: none;background-repeat: no-repeat;min-height: 100vh;box-sizing: border-box !important;margin: 0 !important;padding: 0 !important;"> <div class="wrapper" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: auto;min-height: 100vh;display: flex;flex-direction: column;box-sizing: border-box !important;"> <div class="templateSection templateHeader" style="background:#transparent none no-repeat center/cover;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: flex;flex-shrink: 0;justify-content: center;padding-right: 0px;padding-left: 0px;background-color: #transparent;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 54px;padding-bottom: 0;box-sizing: border-box !important;"> <div class="headerContainer contentContainer" style="background:#ffffff none no-repeat center/cover;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;max-width: 780px;width: 100%;flex: 0 0 auto;background-color: #ffffff;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 36px;padding-bottom: 18px;box-shadow: none;box-sizing: border-box !important;"></div> </div> <div class="templateSection templateBody" style="background:#f3f2f1 none no-repeat center/cover;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: flex;flex-shrink: 0;justify-content: center;padding-right: 0px;padding-left: 0px;background-color: #f3f2f1;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 0;padding-bottom: 0px;box-sizing: border-box !important;"> <div class="sectionFlexColumn" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;align-items: center;display: flex;flex-direction: column;width: 100%;box-sizing: border-box !important;"> <div class="bodyContainer contentContainer" style="background:#ffffff none no-repeat center/cover;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;max-width: 780px;width: 100%;flex: 0 0 auto;background-color: #ffffff;background-image: none;background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 0;padding-bottom: 45px;box-shadow: none;box-sizing: border-box !important;"><div width="100%" class="mcnTextBlock" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextBlockInner" style="display: flex;padding: 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div style="width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextContent" style="padding: 0px 9px 9px;color: #0B0C0C;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;line-height: 150%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;word-break: break-word;flex-flow: column;font-size: 16px;text-align: left;box-sizing: border-box !important;"> <h1 style="text-align: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: block;margin: 0;padding: 0;color: #0b0c0c;font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;font-size: 36px;font-style: normal;font-weight: bold;line-height: 100%;letter-spacing: normal;box-sizing: border-box !important;">Get updated by email</h1> </div> </div> </div> </div><div width="100%" class="mcnTextBlock" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextBlockInner" style="display: flex;padding: 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div style="width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextContent" style="padding: 0px 9px 9px;color: #0B0C0C;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;line-height: 150%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;word-break: break-word;flex-flow: column;font-size: 16px;text-align: left;box-sizing: border-box !important;"> <p style="color: #0B0C0C;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;line-height: 150%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin: 10px 0;padding: 0;font-size: 16px;text-align: left;box-sizing: border-box !important;">Sign up to get emails from the Design System team.<br style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <br style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> We expect to send you about 2 to 3 emails a month, depending on what you want to get emails about.</p> </div> </div> </div> </div><div class="mcnSignUpBlockContentContainer" style="display: flex;justify-content: flex-start;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnSignUpFormContentContainer" style="align-items: center;justify-content: center;padding-top: 18px;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextContent" data-dojo-attach-point="formContentContainer" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;word-break: break-word;flex-flow: column;color: #0b0c0c;font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;font-size: 16px;line-height: 150%;text-align: left;box-sizing: border-box !important;">  <div class="content__formFields" data-dojo-attach-point="formFieldsContainer" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <span style="font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div data-dojo-type="mojo/pages-signup-forms/Loader" endpoint="https://mc.us1.list-manage.com/signup-form/settings?u=ada1bae4b177beb9e03502ced&id=0046ebe5f0&for_preview=0"></div> </span> </div> </div> </div> </div><div width="100%" class="mcnTextBlock" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextBlockInner" style="display: flex;padding: 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div style="width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;"> <div class="mcnTextContent" style="padding: 0px 9px 9px;color: #0B0C0C;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;line-height: 150%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;word-break: break-word;flex-flow: column;font-size: 16px;text-align: left;box-sizing: border-box !important;"> <h2 style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: block;margin: 0;padding: 0;color: #0b0c0c;font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;font-size: 24px;font-style: normal;font-weight: bold;line-height: 150%;letter-spacing: normal;text-align: left;box-sizing: border-box !important;"><span style="font-size: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;">Other ways to sign up</span></h2> <p style="color: #0B0C0C;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;line-height: 150%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin: 10px 0;padding: 0;font-size: 16px;text-align: left;box-sizing: border-box !important;">You can also subscribe by sending your email address and what you want to get emails about to <a href="mailto:govuk-design-system-support@digital.cabinet-office.gov.uk?subject=Sign%20me%20up%20to%20get%20emails%20from%20the%20Design%20System%20team&body=I%20want%20to%20get%20emails%20about%20(mark%20boxes%20%5Bx%5D%20as%20appropriate)%3A%0A%E2%80%A2%20%5B%20%5D%20new%20and%20updated%20Design%20System%20components%20and%20patterns%0A%E2%80%A2%20%5B%20%5D%20what%E2%80%99s%20coming%20up%20from%20the%20Design%20System%20team%20and%20community%0A%E2%80%A2%20%5B%20%5D%20updates%20and%20news%20about%20the%20Prototype%20Kit%0A%E2%80%A2%20%5B%20%5D%20events%20and%20workshops" target="_blank" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color: #1d70b8;font-weight: normal;text-decoration: underline;box-sizing: border-box !important;"><span style="color: #1d70b8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;">govuk-design-system-support@digital.cabinet-office.gov.uk</span></a></p> <h2 style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;display: block;margin: 0;padding: 0;color: #0b0c0c;font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;font-size: 24px;font-style: normal;font-weight: bold;line-height: 150%;letter-spacing: normal;text-align: left;box-sizing: border-box !important;"><span style="font-size: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;">Contact permissions</span></h2> <p style="color: #0B0C0C;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;line-height: 150%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin: 10px 0;padding: 0;font-size: 16px;text-align: left;box-sizing: border-box !important;">The Government Digital Service will use the information you provide on this form to contact you and to provide updates about the GOV.UK Design System and share information about the contributor community.</p> <p style="color: #0B0C0C;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;line-height: 150%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin: 10px 0;padding: 0;font-size: 16px;text-align: left;box-sizing: border-box !important;">We will treat your information with respect. By submitting this form, you agree that we may process your information in accordance with these terms.</p> <p style="color: #0B0C0C;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;line-height: 150%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin: 10px 0;padding: 0;font-size: 16px;text-align: left;box-sizing: border-box !important;">For more information about our privacy practices read the privacy notices for the <a href="https://design-system.service.gov.uk/privacy-policy/" target="_blank" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color: #1d70b8;font-weight: normal;text-decoration: underline;box-sizing: border-box !important;">Design System</a> and <a href="https://prototype-kit.service.gov.uk/docs/privacy-notice" target="_blank" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color: #1d70b8;font-weight: normal;text-decoration: underline;box-sizing: border-box !important;">Prototype Kit</a>.</p> <p style="color: #0B0C0C;font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;line-height: 150%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin: 10px 0;padding: 0;font-size: 16px;text-align: left;box-sizing: border-box !important;">You can unsubscribe at any time from the link in the footer of any email you receive from us or by emailing <a href="mailto:govuk-design-system-support@digital.cabinet-office.gov.uk" target="_blank" style="-webkit-box-sizing: border-box;-moz-box-sizing: border-box;color: #1d70b8;font-weight: normal;text-decoration: underline;box-sizing: border-box !important;"><span style="color: #1d70b8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box !important;">govuk-design-system-support@digital.cabinet-office.gov.uk</span></a>.</p> </div> </div> </div> </div></div> </div> </div> </div> <div data-dojo-type="mojo/widgets/pages/PaymentGalleryImages"></div><div data-dojo-type="mojo/widgets/pages/ClickTracker" data-dojo-props="endpoint: "//mc.us1.list-manage.com/pages/track/url-clicked?u=ada1bae4b177beb9e03502ced&id=030069a2e1f0""></div><script type="text/javascript" src="https://eep.io/mc-release/1.1.14ad298d00531eb08ae242605d6e8e8ed443683fa/js-legacy/js/dojo/dojo.js" data-dojo-config="parseOnLoad: true, usePlainJson: true, isDebug: false"></script><script type="text/javascript" src="https://eep.io/mc-release/1.1.14ad298d00531eb08ae242605d6e8e8ed443683fa/js-legacy/js/mojo/mclandingpage.js"></script><script type="text/javascript" src="//mc.us1.list-manage.com/pages/track/open?u=ada1bae4b177beb9e03502ced&id=030069a2e1f0" async></script></body> </html>