diff --git a/software/index.html b/software/index.html
index 780f346..9915bc1 100644
--- a/software/index.html
+++ b/software/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/favicon.ico">
+    <link rel="icon" href="/logo.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>HackMyCart</title>
+    <title>EventMaster</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/software/public/logo.png b/software/public/logo.png
new file mode 100644
index 0000000..9607abb
Binary files /dev/null and b/software/public/logo.png differ
diff --git a/software/src/App.vue b/software/src/App.vue
index cd493f8..a19da3d 100644
--- a/software/src/App.vue
+++ b/software/src/App.vue
@@ -76,7 +76,7 @@ watch(() => preferencesStore.language, () => {
         </v-sheet>
       </v-container>
 
-      <v-footer color="secondary">
+      <v-footer color="primary">
         <footer-items />
       </v-footer>
     </v-main>
diff --git a/software/src/components/navigation/navigationPrependItems.vue b/software/src/components/navigation/navigationPrependItems.vue
index a92b836..356631e 100644
--- a/software/src/components/navigation/navigationPrependItems.vue
+++ b/software/src/components/navigation/navigationPrependItems.vue
@@ -1,11 +1,19 @@
 <script setup lang="ts">
+import { useRouter } from 'vue-router';
+
+const router = useRouter()
 </script>
 
 <template>
-  <v-app-bar-title class="pr-5">
-    <!-- todo: Brand logo -->
-    <v-btn variant="plain" to="/" flat>HackMyCart</v-btn>
-  </v-app-bar-title>
+  <v-card
+    :link="true"
+    rounded="0"
+    elevation="0"
+    class="mr-5"
+    to="/"
+  >
+    <v-img src="logo.png" width="80" />
+  </v-card>
 
   <v-divider vertical />
 
diff --git a/software/src/plugins/vuetify.ts b/software/src/plugins/vuetify.ts
index e2a21c5..0611cf4 100644
--- a/software/src/plugins/vuetify.ts
+++ b/software/src/plugins/vuetify.ts
@@ -17,7 +17,7 @@ const vuetify = createVuetify({
         dark: true,
         colors: {
           primary: colors.blue.darken4,
-          secondary: colors.blue.lighten1,
+          secondary: colors.yellow.darken3,
           sheet: colors.grey.darken4
         }
       },
@@ -25,7 +25,7 @@ const vuetify = createVuetify({
         dark: false,
         colors: {
           primary: colors.blue.darken4,
-          secondary: colors.blue.darken1,
+          secondary: colors.yellow.darken3,
           sheet: colors.grey.lighten3
         }
       },
