diff --git a/frontend/src/components/BaseLayout.vue b/frontend/src/components/BaseLayout.vue
index e35887cc33f84e6196e270f7d24109f9fb5e3901..751236c1c4b4c96093d77f96d7ef1afc5898693e 100644
--- a/frontend/src/components/BaseLayout.vue
+++ b/frontend/src/components/BaseLayout.vue
@@ -50,7 +50,8 @@
       <v-toolbar-title>
         <router-link to="/home">
           <v-avatar>
-            <img src="../assets/brand.png">
+            <img v-if="production" :src="productionBrandUrl"/>
+            <img v-else src="../assets/brand.png"/>
           </v-avatar>
         </router-link>
       </v-toolbar-title>
@@ -84,6 +85,12 @@
         set: function (collapsed) {
           this.$store.commit(uiMut.SET_SIDEBAR_COLLAPSED, collapsed)
         }
+      },
+      production () {
+        return process.env.NODE_ENV === 'production'
+      },
+      productionBrandUrl () {
+        return `https://${window.location.host}/static/img/brand.png`
       }
     },
     methods: {
diff --git a/frontend/src/components/WelcomeJumbotron.vue b/frontend/src/components/WelcomeJumbotron.vue
index 0398e647f4847e57cc71e18e3208f05340c7ad05..9a720a482da51e1597cc2c1acb11b42e91ade1d4 100644
--- a/frontend/src/components/WelcomeJumbotron.vue
+++ b/frontend/src/components/WelcomeJumbotron.vue
@@ -30,7 +30,7 @@
     name: 'welcome-jumbotron',
     data () {
       return {
-        gradient: 'to bottom, #1A237E, #97A1DD'
+        gradient: 'to bottom, #1A237E, #5753DD'
       }
     }
   }
diff --git a/frontend/src/pages/Login.vue b/frontend/src/pages/Login.vue
index 0035b112db987b31df6cab7e66f6c2136f7a831e..5ae6b8e25314deadc2c33e9452c0e3496486612a 100644
--- a/frontend/src/pages/Login.vue
+++ b/frontend/src/pages/Login.vue
@@ -2,7 +2,8 @@
   <v-container fill-height>
     <v-layout align-center justify-center>
       <v-flex text-xs-center xs8 sm6 md4 lg2>
-        <img src="../assets/brand.png"/>
+        <img v-if="production" :src="productionBrandUrl"/>
+        <img v-else src="../assets/brand.png"/>
         <h3 class="pt-3">Log in</h3>
         <v-alert
           outline
@@ -52,7 +53,13 @@
       ...mapState({
         msg: state => state.authentication.message,
         userRole: state => state.authentication.userRole
-      })
+      }),
+      production () {
+        return process.env.NODE_ENV === 'production'
+      },
+      productionBrandUrl () {
+        return `https://${window.location.host}/static/img/brand.png`
+      }
     },
     methods: {
       ...mapActions([