diff --git a/app/experiments.js b/app/experiments.js
index 37bce4e5..7fd56ad0 100644
--- a/app/experiments.js
+++ b/app/experiments.js
@@ -1,10 +1,10 @@
 import hash from 'string-hash';
 
 const experiments = {
-  'SyI-hI7gT9agiH-f3f0BYg': {
-    id: 'SyI-hI7gT9agiH-f3f0BYg',
+  XnN0idVWSxO6A0kiNkxzGw: {
+    id: 'XnN0idVWSxO6A0kiNkxzGw',
     run: function(variant, state, emitter) {
-      state.promo = variant === 1 ? 'body' : 'header';
+      state.promo = variant === 1 ? 'blue' : 'grey';
       emitter.emit('render');
     },
     eligible: function() {
diff --git a/app/routes/index.js b/app/routes/index.js
index 12b33c1d..7cdd83d9 100644
--- a/app/routes/index.js
+++ b/app/routes/index.js
@@ -10,7 +10,7 @@ const app = choo();
 function body(template) {
   return function(state, emit) {
     const b = html`<body>
-      ${state.promo === 'header' ? fxPromo(state, emit) : ''}
+      ${state.promo ? fxPromo(state, emit) : ''}
       ${header(state)}
       <div class="all">
         <noscript>
diff --git a/app/templates/completed.js b/app/templates/completed.js
index 751b9de7..6415a0c0 100644
--- a/app/templates/completed.js
+++ b/app/templates/completed.js
@@ -1,7 +1,6 @@
 const html = require('choo/html');
 const progress = require('./progress');
 const { fadeOut } = require('../utils');
-const fxPromo = require('./fxPromo');
 
 module.exports = function(state, emit) {
   const div = html`
@@ -21,7 +20,6 @@ module.exports = function(state, emit) {
       sendNew
     }>${state.translate('sendYourFilesLink')}</a>
   </div>
-  ${state.promo === 'body' ? fxPromo(state, emit) : ''}
   </div>
   `;
 
diff --git a/app/templates/download.js b/app/templates/download.js
index 7551eb5f..81be5dda 100644
--- a/app/templates/download.js
+++ b/app/templates/download.js
@@ -1,9 +1,8 @@
 const html = require('choo/html');
 const progress = require('./progress');
 const { bytes } = require('../utils');
-const fxPromo = require('./fxPromo');
 
-module.exports = function(state, emit) {
+module.exports = function(state) {
   const transfer = state.transfer;
   const div = html`
   <div id="page-one">
@@ -24,7 +23,6 @@ module.exports = function(state, emit) {
       )}</div>
     </div>
     </div>
-    ${state.promo === 'body' ? fxPromo(state, emit) : ''}
   </div>
   `;
 
diff --git a/app/templates/fxPromo.js b/app/templates/fxPromo.js
index 5098314d..2252cd31 100644
--- a/app/templates/fxPromo.js
+++ b/app/templates/fxPromo.js
@@ -19,8 +19,10 @@ module.exports = function(state, emit) {
     emit('exit', evt);
   }
 
+  const classes = state.promo === 'blue' ? 'banner banner-blue' : 'banner';
+
   return html`
-    <div class="banner">
+    <div class="${classes}">
       <div>
         <img
         src="${assets.get('firefox_logo-only.svg')}"
diff --git a/app/templates/preview.js b/app/templates/preview.js
index cb5352ac..e5485a8e 100644
--- a/app/templates/preview.js
+++ b/app/templates/preview.js
@@ -3,7 +3,6 @@ const assets = require('../../common/assets');
 const notFound = require('./notFound');
 const downloadPassword = require('./downloadPassword');
 const { bytes } = require('../utils');
-const fxPromo = require('./fxPromo');
 
 function getFileFromDOM() {
   const el = document.getElementById('dl-file');
@@ -62,7 +61,6 @@ module.exports = function(state, emit) {
       </div>
       <a class="send-new" href="/">${state.translate('sendYourFilesLink')}</a>
     </div>
-    ${state.promo === 'body' ? fxPromo(state, emit) : ''}
   </div>
   `;
 
diff --git a/app/templates/welcome.js b/app/templates/welcome.js
index 0f004608..100181c4 100644
--- a/app/templates/welcome.js
+++ b/app/templates/welcome.js
@@ -1,7 +1,6 @@
 const html = require('choo/html');
 const assets = require('../../common/assets');
 const fileList = require('./fileList');
-const fxPromo = require('./fxPromo');
 const { fadeOut } = require('../utils');
 
 module.exports = function(state, emit) {
@@ -36,7 +35,6 @@ module.exports = function(state, emit) {
         title="${state.translate('uploadPageBrowseButton1')}">
         ${state.translate('uploadPageBrowseButton1')}</label>
     </div>
-    ${state.promo === 'body' ? fxPromo(state, emit) : ''}
     ${fileList(state, emit)}
   </div>
   `;
diff --git a/assets/main.css b/assets/main.css
index 20a1a350..4a1d1d3b 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -984,6 +984,21 @@ tbody {
   margin-left: 10px;
 }
 
+.banner-blue {
+  background-color: #0098f7;
+  color: #fff;
+}
+
+.banner-blue a {
+  color: #fff;
+  font-weight: bold;
+}
+
+.banner-blue a:hover {
+  color: #eee;
+  font-weight: bold;
+}
+
 .selectbox {
   display: inline-block;
   position: relative;
