diff --git a/public/_includes/_hero-home.jade b/public/_includes/_hero-home.jade
index 12f0fc6fc6..69fe0e9587 100644
--- a/public/_includes/_hero-home.jade
+++ b/public/_includes/_hero-home.jade
@@ -1,5 +1,5 @@
 header(class="background-sky")
-  .hero.background-lon-paper.is-large
+  .hero.background-superhero-paper.is-large
     h1.text-headline.hero-logo #{title}<br>#{subtitle}
 
     .hero-cta
diff --git a/public/resources/css/_theme.scss b/public/resources/css/_theme.scss
index 72e4290a14..0783d735b4 100644
--- a/public/resources/css/_theme.scss
+++ b/public/resources/css/_theme.scss
@@ -41,6 +41,14 @@
   background-size: 100%;
   background-position: fixed;
 }
+.background-superhero-paper {
+  background: url('/resources/images/backgrounds/superhero-paper.png') bottom center no-repeat;
+  background-size: 100%;
+  background-position: fixed;
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+    background-image: url('/resources/images/backgrounds/superhero-paper-large.png');
+  }
+}
 
 
 
diff --git a/public/resources/css/module/_hero.scss b/public/resources/css/module/_hero.scss
index 9f731d1189..23c60f685c 100644
--- a/public/resources/css/module/_hero.scss
+++ b/public/resources/css/module/_hero.scss
@@ -53,16 +53,22 @@ $hero-padding: ($unit * 10) ($unit * 6) ($unit * 5);
 
   // LARGE SHEILD LOGO
   .hero-logo {
-    background: url('/resources/images/logos/standard/shield-large.png') top center no-repeat;
+    position: relative;
     padding-top: 224px;
     opacity: 1;
     width: $unit * 70;
     margin: ($unit * 3) auto ($unit * 5) auto;
     font-weight: 400;
 
-    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
-      background: url('/resources/images/logos/standard/shield-large@2x.png') top center no-repeat;
-      background-size: 184px 200px;
+    &:after {
+      content: '';
+      background: url('/resources/images/logos/angular2/shield-with-beta.png') top center no-repeat;
+      background-size: contain;
+      position: absolute;
+      left: 0;
+      top: 0;
+      right: 0;
+      height: 224px;
     }
 
     @media handheld and (max-width: $phone-breakpoint),
diff --git a/public/resources/images/backgrounds/superhero-paper-large.png b/public/resources/images/backgrounds/superhero-paper-large.png
new file mode 100644
index 0000000000..5143943ff5
Binary files /dev/null and b/public/resources/images/backgrounds/superhero-paper-large.png differ
diff --git a/public/resources/images/backgrounds/superhero-paper.png b/public/resources/images/backgrounds/superhero-paper.png
new file mode 100644
index 0000000000..144df6c635
Binary files /dev/null and b/public/resources/images/backgrounds/superhero-paper.png differ
diff --git a/public/resources/images/logos/angular2/shield-with-beta.png b/public/resources/images/logos/angular2/shield-with-beta.png
new file mode 100644
index 0000000000..41d99b1755
Binary files /dev/null and b/public/resources/images/logos/angular2/shield-with-beta.png differ