diff --git a/_img/census-hero-banner-mobile.jpg b/_img/census-hero-banner-mobile.jpg
new file mode 100644
index 0000000000..58a46f5b57
Binary files /dev/null and b/_img/census-hero-banner-mobile.jpg differ
diff --git a/_img/census-hero-banner.jpg b/_img/census-hero-banner.jpg
new file mode 100644
index 0000000000..78f965b9f4
Binary files /dev/null and b/_img/census-hero-banner.jpg differ
diff --git a/_img/hero_banner_template_V4.jpg b/_img/hero_banner_template_V4.jpg
new file mode 100644
index 0000000000..184b333244
Binary files /dev/null and b/_img/hero_banner_template_V4.jpg differ
diff --git a/_prototypes/individual-response--your-household-v15/census-home-style.css b/_prototypes/individual-response--your-household-v15/census-home-style.css
new file mode 100644
index 0000000000..f94e573d93
--- /dev/null
+++ b/_prototypes/individual-response--your-household-v15/census-home-style.css
@@ -0,0 +1,45 @@
+.hero {
+    padding: 2rem 0;
+    background: #93328e;
+}
+
+.hero__content {
+    height: 100%;
+}
+
+.hero__title {
+    font-size: 2.3rem;
+    line-height: 1.2;
+}
+
+.hero--dark-theme > * {
+    color: #fff;
+}
+
+.hero--dark-theme a:focus, .hero--dark-theme a:hover {
+    color: #fff;
+    text-decoration: none;
+}
+
+.hero--with-image {
+    position: relative;
+    padding: 0;
+    overflow: hidden;
+}
+.hero__img {
+    position: relative;
+    left: 50%;
+    transform: translate(-50%, 0);
+    max-width: none;
+}
+.hero__container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.u-grey-bg {
+    background: #f5f5f5;
+}
\ No newline at end of file
diff --git a/_prototypes/individual-response--your-household-v15/home.html b/_prototypes/individual-response--your-household-v15/home.html
new file mode 100644
index 0000000000..4f5a5db359
--- /dev/null
+++ b/_prototypes/individual-response--your-household-v15/home.html
@@ -0,0 +1,61 @@
+---
+title: IR - Household prototype v15
+project: Individual Response
+globalcss: false
+layout: eq-default-extras
+assetPrefixUrl: https://sdc-global-design-patterns.netlify.com
+hideSaveLater: true
+---
+
+<link rel="stylesheet" href="../style.css"/>
+<link rel="stylesheet" href="../census-home-style.css"/>
+
+<main id="main-content" role="main">
+    <section class="hero hero--with-image">
+        <picture>
+            <source media="(max-width: 768px)" srcset="{{site.baseurl}}/s/img/hero_banner_template_V4.jpg"><img class="hero__img" src="{{site.baseurl}}/s/img/hero_banner_template_V4.jpg" alt=""></picture>
+        <div class="hero__container">
+            <div class="hero__content grid grid--gutterless grid--flex grid--vertical-center">
+                <div class="container">
+                    <div class="grid__col col-6@m">
+                        <header>
+                            <h1 class="hero__title">Census 2021 is happening now</h1>
+                            <h2 class="hero__subtitle u-fs-m">Ready to start your census online? <br>You’ll need your 16 character access code.</h2>
+                        </header>
+                        <a href="/individual-response--your-household-v15/index/" role="button" class="btn u-mb-m btn--link">
+                            <span class="btn__inner icon--chevron-right-white">Start your census</span>
+                        </a>                    
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="u-pt-l u-pb-s u-grey-bg">
+        <div class="page__container container">
+            <div class="grid grid--column@xs@s u-mb-l">
+                <div class="grid__col col-4@m">
+                    <div class="card" aria-labelledby="about-the-census" aria-describedby="highlight-id-0" role="navigation" aria-label="Section highlight">
+                        <h2 class="u-fs-m" id="about-the-census"><a href="https://census.gov.uk/about-the-census">About the census</a></h2>
+                        <p id="highlight-id-0">The census is a survey that gives us information about all the households in England and Wales.</p>
+                    </div>
+                </div>
+                <div class="grid__col col-4@m">
+                    <div class="card" aria-labelledby="why-should-i-take-part-in-the-census?" aria-describedby="highlight-id-1" role="navigation" aria-label="Section highlight">
+                        <h2 class="u-fs-m" id="why-should-i-take-part-in-the-census?"><a href="https://census.gov.uk/about-the-census/why-should-i-take-part">Why should I take part in the census?</a></h2>
+                        <p id="highlight-id-1">Why the information we collect is important and what we use it for.</p>
+                    </div>
+                </div>
+                <div class="grid__col col-4@m">
+                    <div class="card" aria-labelledby="keeping-your-data-safe" aria-describedby="highlight-id-2" role="navigation" aria-label="Section highlight">
+                        <h2 class="u-fs-m" id="keeping-your-data-safe"><a href="https://census.gov.uk/keeping-your-data-safe">Keeping your data safe</a></h2>
+                        <p id="highlight-id-2">How we keep your data safe and what happens to your personal information.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <div class="page__container container">
+        <div class="panel panel--simple panel--warning js-panel-info u-mt-m" style=""><span class="panel__icon" aria-hidden="true">!</span><span class="panel__text">You must complete the census by law or you could be fined up to £1000.</span></div>
+    </div>
+
+</main>
\ No newline at end of file
diff --git a/_prototypes/individual-response--your-household-v15/style.css b/_prototypes/individual-response--your-household-v15/style.css
index 4b4a12dc42..409d43fb02 100644
--- a/_prototypes/individual-response--your-household-v15/style.css
+++ b/_prototypes/individual-response--your-household-v15/style.css
@@ -189,6 +189,7 @@ p.js-declaration {
     font-weight: 600;
     padding-top: .5rem;
     padding-bottom: .5rem;
+    position: relative;
 }
 
 .panel--warning .panel__icon {
diff --git a/css/fixed.css b/css/fixed.css
index 0628498970..d968c7f15e 100644
--- a/css/fixed.css
+++ b/css/fixed.css
@@ -3,4 +3,4 @@
   margin-bottom: 2rem;
 }
 
-/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm9iamVjdHMvX2dyb3VwLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxvQkFBbUI7RUFBbkIsb0JBQW1CO0NBQ3BCIiwiZmlsZSI6ImZpeGVkLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ncm91cCB7XG4gIG1hcmdpbi1ib3R0b206IDJyZW07XG59XG4iXX0= */
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm9iamVjdHMvX2dyb3VwLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxvQkFBb0I7RUFBcEIsb0JBQW9CO0NBQ3JCIiwiZmlsZSI6ImZpeGVkLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ncm91cCB7XG4gIG1hcmdpbi1ib3R0b206IDJyZW07XG59XG4iXX0= */
diff --git a/css/main.css b/css/main.css
index b2949ce79f..cd945bbe8f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -52,7 +52,7 @@ html.prototypes-home h1 {
   left: 0;
   width: 25px;
   height: 25px;
-  background: rgba(0, 0, 0, 0);
+  background: transparent;
   cursor: pointer;
 }
 
@@ -96,4 +96,4 @@ html.prototypes-home h1 {
   border-bottom: 1px solid rgba(239, 239, 239, 0.1);
 }
 
-/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGdCQUFlO0NBUWhCOztBQVREO0VBR0ksa0JBQWlCO0NBQ2xCOztBQUpIO0VBT0ksa0JBQWlCO0VBQWpCLGtCQUFpQjtDQUNsQjs7QUFHSDtFQUNFLGlCQUFnQjtFQUNoQixhQUFZO0VBQ1osaUJBQWlCO0VBQWpCLGtCQUFpQjtFQUNqQixvQkFBbUI7RUFBbkIsb0JBQW1CO0NBUXBCOztBQVpEO0VBTUksYUFBWTtFQUNaLHNCQUFxQjtFQUNyQixrQkFBaUI7RUFBakIsa0JBQWlCO0VBQ2pCLDBCQUF5QjtFQUN6QixzQkFBc0I7RUFBdEIsdUJBQXNCO0NBQ3ZCOztBQUdIO0VBRUksVUFBUztFQUNULFdBQVU7RUFDVixpQkFBZ0I7Q0FDakI7O0FBTEg7RUFRSSxnQkFBZTtFQUFmLGdCQUFlO0VBQ2YsaUNBQWdDO0NBQ2pDOztBQVZIO0VBYUksc0JBQXFCO0NBQ3RCOztBQUdIO0VBQ0UsZ0JBQWU7RUFDZixVQUFTO0VBQ1QsUUFBTztFQUNQLFlBQVc7RUFDWCxhQUFZO0VBQ1osNkJBQXlCO0VBQ3pCLGdCQUFlO0NBSWhCOztBQVhEO0VBU0ksK0JBQTRCO0NBQzdCOztBQUdIO0VBRUUsZ0JBQWU7RUFDZixjQUFhO0VBQWIsY0FBYTtFQUNiLE9BQU07RUFDTixTQUFRO0VBQ1IsYUFMYTtFQUtiLGFBTGE7RUFNYixhQUFZO0VBQ1osa0NBQXFCO0VBQ3JCLGFBQVk7RUFDWixZQUFXO0VBQ1gscUNBQTZCO01BQTdCLGlDQUE2QjtVQUE3Qiw2QkFBNkI7RUFDN0IsdUNBQThCO0VBQTlCLCtCQUE4QjtFQUM5QixpQkFBZ0I7Q0FXakI7O0FBeEJEO0VBZUksaUNBQXdCO01BQXhCLDZCQUF3QjtVQUF4Qix5QkFBd0I7Q0FDekI7O0FBaEJIO0VBa0JJLGFBQVk7Q0FDYjs7QUFuQkg7RUFxQkksZUFBaUI7RUFBakIsa0JBQWlCO0VBQ2pCLGtEQUFxQztDQUN0QyIsImZpbGUiOiJtYWluLmNzcyIsInNvdXJjZXNDb250ZW50IjpbImh0bWwucHJvdG90eXBlcy1ob21lIHtcbiAgZm9udC1zaXplOiAxOHB4O1xuICBib2R5IHtcbiAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgfVxuXG4gIGgxIHtcbiAgICBmb250LXNpemU6IDEuMnJlbTtcbiAgfVxufVxuXG4uc2l0ZS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kOiAjMjIyO1xuICBjb2xvcjogd2hpdGU7XG4gIHBhZGRpbmc6IDAuM3JlbSAwO1xuICBtYXJnaW4tYm90dG9tOiAzcmVtO1xuICBhIHsgXG4gICAgY29sb3I6IHdoaXRlO1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBmb250LXNpemU6IDAuOHJlbTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAwLjJyZW07XG4gIH1cbn1cblxuLnByb3RvdHlwZS1saXN0IHtcbiAgdWwge1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIH1cblxuICBsaSB7XG4gICAgcGFkZGluZzogMXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWZlZmVmO1xuICB9XG5cbiAgYSB7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICB9XG59XG5cbi5oaWRkZW4tbmF2LWJ0biB7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgYm90dG9tOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMjVweDtcbiAgaGVpZ2h0OiAyNXB4O1xuICBiYWNrZ3JvdW5kOiByZ2JhKDAsMCwwLDApO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQ6IHJnYmEoMCwwLDAsIDAuMik7XG4gIH1cbn1cblxuLmhpZGRlbi1uYXYge1xuICAkd2lkdGg6IDIwcmVtO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHBhZGRpbmc6IDFyZW07XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHdpZHRoOiAkd2lkdGg7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZDogcmdiYSgjMjIyLCAwLjkpO1xuICBjb2xvcjogd2hpdGU7XG4gIHotaW5kZXg6IDEwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoJHdpZHRoKTtcbiAgdHJhbnNpdGlvbjogYWxsIDEwMG1zIGVhc2Utb3V0O1xuICBvdmVyZmxvdzogc2Nyb2xsO1xuICAmLmlzLW9wZW4ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgfVxuICBhIHtcbiAgICBjb2xvcjogd2hpdGU7XG4gIH1cbiAgbGkge1xuICAgIHBhZGRpbmc6IDAuNXJlbSAwO1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCByZ2JhKCNlZmVmZWYsIDAuMSk7XG4gIH1cbn1cbiJdfQ== */
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGdCQUFnQjtDQVFqQjs7QUFURDtFQUdJLGtCQUFrQjtDQUNuQjs7QUFKSDtFQU9JLGtCQUFrQjtFQUFsQixrQkFBa0I7Q0FDbkI7O0FBR0g7RUFDRSxpQkFBaUI7RUFDakIsYUFBYTtFQUNiLGlCQUFrQjtFQUFsQixrQkFBa0I7RUFDbEIsb0JBQW9CO0VBQXBCLG9CQUFvQjtDQVFyQjs7QUFaRDtFQU1JLGFBQWE7RUFDYixzQkFBc0I7RUFDdEIsa0JBQWtCO0VBQWxCLGtCQUFrQjtFQUNsQiwwQkFBMEI7RUFDMUIsc0JBQXVCO0VBQXZCLHVCQUF1QjtDQUN4Qjs7QUFHSDtFQUVJLFVBQVU7RUFDVixXQUFXO0VBQ1gsaUJBQWlCO0NBQ2xCOztBQUxIO0VBUUksZ0JBQWdCO0VBQWhCLGdCQUFnQjtFQUNoQixpQ0FBaUM7Q0FDbEM7O0FBVkg7RUFhSSxzQkFBc0I7Q0FDdkI7O0FBR0g7RUFDRSxnQkFBZ0I7RUFDaEIsVUFBVTtFQUNWLFFBQVE7RUFDUixZQUFZO0VBQ1osYUFBYTtFQUNiLHdCQUFnQjtFQUNoQixnQkFBZ0I7Q0FJakI7O0FBWEQ7RUFTSSwrQkFBZ0I7Q0FDakI7O0FBR0g7RUFFRSxnQkFBZ0I7RUFDaEIsY0FBYztFQUFkLGNBQWM7RUFDZCxPQUFPO0VBQ1AsU0FBUztFQUNULGFBTGE7RUFLYixhQUxhO0VBTWIsYUFBYTtFQUNiLGtDQUFxQjtFQUNyQixhQUFhO0VBQ2IsWUFBWTtFQUNaLHFDQUFxQjtNQUFyQixpQ0FBcUI7VUFBckIsNkJBQXFCO0VBQ3JCLHVDQUErQjtFQUEvQiwrQkFBK0I7RUFDL0IsaUJBQWlCO0NBV2xCOztBQXhCRDtFQWVJLGlDQUFxQjtNQUFyQiw2QkFBcUI7VUFBckIseUJBQXFCO0NBQ3RCOztBQWhCSDtFQWtCSSxhQUFhO0NBQ2Q7O0FBbkJIO0VBcUJJLGVBQWtCO0VBQWxCLGtCQUFrQjtFQUNsQixrREFBcUM7Q0FDdEMiLCJmaWxlIjoibWFpbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJodG1sLnByb3RvdHlwZXMtaG9tZSB7XG4gIGZvbnQtc2l6ZTogMThweDtcbiAgYm9keSB7XG4gICAgYmFja2dyb3VuZDogd2hpdGU7XG4gIH1cblxuICBoMSB7XG4gICAgZm9udC1zaXplOiAxLjJyZW07XG4gIH1cbn1cblxuLnNpdGUtaGVhZGVyIHtcbiAgYmFja2dyb3VuZDogIzIyMjtcbiAgY29sb3I6IHdoaXRlO1xuICBwYWRkaW5nOiAwLjNyZW0gMDtcbiAgbWFyZ2luLWJvdHRvbTogM3JlbTtcbiAgYSB7IFxuICAgIGNvbG9yOiB3aGl0ZTtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZm9udC1zaXplOiAwLjhyZW07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBsZXR0ZXItc3BhY2luZzogMC4ycmVtO1xuICB9XG59XG5cbi5wcm90b3R5cGUtbGlzdCB7XG4gIHVsIHtcbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICB9XG5cbiAgbGkge1xuICAgIHBhZGRpbmc6IDFyZW0gMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgI2VmZWZlZjtcbiAgfVxuXG4gIGEge1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgfVxufVxuXG4uaGlkZGVuLW5hdi1idG4ge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDI1cHg7XG4gIGhlaWdodDogMjVweDtcbiAgYmFja2dyb3VuZDogcmdiYSgwLDAsMCwwKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsMCwwLCAwLjIpO1xuICB9XG59XG5cbi5oaWRkZW4tbmF2IHtcbiAgJHdpZHRoOiAyMHJlbTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBwYWRkaW5nOiAxcmVtO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogJHdpZHRoO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQ6IHJnYmEoIzIyMiwgMC45KTtcbiAgY29sb3I6IHdoaXRlO1xuICB6LWluZGV4OiAxMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKCR3aWR0aCk7XG4gIHRyYW5zaXRpb246IGFsbCAxMDBtcyBlYXNlLW91dDtcbiAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgJi5pcy1vcGVuIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gIH1cbiAgYSB7XG4gICAgY29sb3I6IHdoaXRlO1xuICB9XG4gIGxpIHtcbiAgICBwYWRkaW5nOiAwLjVyZW0gMDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgjZWZlZmVmLCAwLjEpO1xuICB9XG59XG4iXX0= */
diff --git a/css/responsive.css b/css/responsive.css
index 9ee962086a..d30995d6ee 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -3,4 +3,4 @@
   margin-bottom: 2rem;
 }
 
-/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm9iamVjdHMvX2dyb3VwLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxvQkFBbUI7RUFBbkIsb0JBQW1CO0NBQ3BCIiwiZmlsZSI6InJlc3BvbnNpdmUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmdyb3VwIHtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbn1cbiJdfQ== */
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm9iamVjdHMvX2dyb3VwLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxvQkFBb0I7RUFBcEIsb0JBQW9CO0NBQ3JCIiwiZmlsZSI6InJlc3BvbnNpdmUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmdyb3VwIHtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbn1cbiJdfQ== */
diff --git a/gulpfile.js b/gulpfile.js
index b55ec4a123..87acc50e5e 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -245,7 +245,7 @@ gulp.task('fonts', () => {
 });
 
 gulp.task('img', () => {
-  gulp.src('./_img/**/*').pipe(gulp.dest('./img'));
+  gulp.src('./_img/**/*').pipe(gulp.dest('./s/img'));
 });
 
 /**
diff --git a/img/census-hero-banner-mobile.jpg b/img/census-hero-banner-mobile.jpg
new file mode 100644
index 0000000000..58a46f5b57
Binary files /dev/null and b/img/census-hero-banner-mobile.jpg differ
diff --git a/img/census-hero-banner.jpg b/img/census-hero-banner.jpg
new file mode 100644
index 0000000000..78f965b9f4
Binary files /dev/null and b/img/census-hero-banner.jpg differ
diff --git a/img/hero_banner_template_V4.jpg b/img/hero_banner_template_V4.jpg
new file mode 100644
index 0000000000..184b333244
Binary files /dev/null and b/img/hero_banner_template_V4.jpg differ