diff --git a/client/index.jsx b/client/index.jsx
index 6c12fa511b..313334dc20 100644
--- a/client/index.jsx
+++ b/client/index.jsx
@@ -20,6 +20,20 @@ const initialState = window.__INITIAL_STATE__;
 
 const store = configureStore(initialState);
 
+// Add a banner to the page
+const banner = document.createElement('div');
+banner.id = 'processing-banner';
+document.body.appendChild(banner);
+
+const link = document.createElement('link');
+link.rel = 'stylesheet';
+link.href = 'https://foundation-donate-banner.netlify.app/static/css/main.css';
+document.head.appendChild(link);
+
+const script = document.createElement('script');
+script.src = 'https://foundation-donate-banner.netlify.app/static/js/main.js';
+document.body.appendChild(script);
+
 const App = () => (
   <>
     <Router history={browserHistory}>
diff --git a/client/styles/base/_base.scss b/client/styles/base/_base.scss
index 3e283d7ab9..ad17249932 100644
--- a/client/styles/base/_base.scss
+++ b/client/styles/base/_base.scss
@@ -151,3 +151,10 @@ textarea:focus {
 	white-space: nowrap;
 	width: 1px;
 }
+
+
+// Donate banner custom properties
+body {
+	--donate-banner-dark: #c01c4c;
+	--donate-banner-background: url('https://foundation-donate-banner.netlify.app/p5.png');
+}
\ No newline at end of file