diff --git a/.gitmodules b/.gitmodules
index a5eaeb0..e69de29 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -1,3 +0,0 @@
-[submodule "audon-fe/src/assets/koruri"]
-	path = audon-fe/src/assets/koruri
-	url = https://github.com/sakura-tel/koruri.git
diff --git a/audon-fe/index.html b/audon-fe/index.html
index 9393a4b..40fbc44 100644
--- a/audon-fe/index.html
+++ b/audon-fe/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <link rel="icon" href="/src/assets/favicon.ico">
+    <link rel="icon" href="/src/assets/favicon.svg">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Audon</title>
   </head>
diff --git a/audon-fe/src/App.vue b/audon-fe/src/App.vue
index 89ca1de..f6f5e12 100644
--- a/audon-fe/src/App.vue
+++ b/audon-fe/src/App.vue
@@ -26,18 +26,19 @@ export default {
   <v-app class="fill-height">
     <v-system-bar window>
       <div class="d-flex justify-center align-center w-100">
-        <img
-          class="mr-2"
-          height="20"
-          src="./assets/udon.png"
-          alt="Emoji of Udon Noodle"
-        />
-        <h2>
-          <RouterLink :to="{ name: 'home' }" class="plain">Audon</RouterLink>
-        </h2>
+        <RouterLink :to="{ name: 'home' }" class="d-flex align-center">
+          <img
+            height="20"
+            src="./assets/img/audon-logo-orange.svg"
+            alt="Branding Logo"
+          />
+        </RouterLink>
       </div>
     </v-system-bar>
     <v-main>
+      <div id="mascot" class="pa-3">
+        <img :draggable="false" src="./assets/img/mascot.png" />
+      </div>
       <v-container class="fill-height">
         <v-row
           align="center"
@@ -84,6 +85,18 @@ export default {
 </template>
 
 <style>
+#mascot {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+#mascot img {
+  opacity: 1;
+  width: 200px;
+  max-width: 100%;
+}
+
 #app .v-application__wrap {
   min-height: 100%;
 }
diff --git a/audon-fe/src/assets/favicon.ico b/audon-fe/src/assets/favicon.ico
deleted file mode 100644
index 61d01b3..0000000
Binary files a/audon-fe/src/assets/favicon.ico and /dev/null differ
diff --git a/audon-fe/src/assets/favicon.svg b/audon-fe/src/assets/favicon.svg
new file mode 100644
index 0000000..0f3a5e6
--- /dev/null
+++ b/audon-fe/src/assets/favicon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="16" height="16" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect id="favicon" x="0" y="-0" width="16" height="16" style="fill:none;"/><clipPath id="_clip1"><rect id="favicon1" serif:id="favicon" x="0" y="-0" width="16" height="16"/></clipPath><g clip-path="url(#_clip1)"><g><path d="M1.592,8.903c-0.328,-0.804 -0.509,-1.684 -0.509,-2.605c0,-0.368 0.299,-0.667 0.667,-0.667c0.368,0 0.667,0.299 0.667,0.667c-0,0.743 0.145,1.453 0.41,2.102c0.831,2.041 2.835,3.481 5.173,3.481c2.338,0 4.342,-1.44 5.173,-3.481c0.265,-0.649 0.41,-1.359 0.41,-2.102c0,-0.368 0.299,-0.667 0.667,-0.667c0.368,0 0.667,0.299 0.667,0.667c-0,0.921 -0.181,1.801 -0.509,2.605c-0.782,1.922 -2.405,3.413 -4.41,4.018l0,1.746l1.335,-0c0.368,-0 0.667,0.298 0.667,0.666c0,0.368 -0.299,0.667 -0.667,0.667l-6.666,0c-0.368,0 -0.667,-0.299 -0.667,-0.667c-0,-0.368 0.299,-0.666 0.667,-0.666l1.335,-0l-0,-1.746c-2.005,-0.605 -3.628,-2.096 -4.41,-4.018Zm7.073,4.28c-0.219,0.021 -0.441,0.032 -0.665,0.032c-0.224,-0 -0.446,-0.011 -0.665,-0.032c-0,0.637 -0,1.484 -0,1.484l1.33,-0l0,-1.484Zm-0.143,-7.175c-0.188,-0.316 -0.084,-0.725 0.232,-0.914c0.316,-0.188 0.725,-0.085 0.914,0.231c0.541,0.909 0.244,2.087 -0.665,2.628c-0.909,0.542 -2.086,0.244 -2.628,-0.665c-0.895,-1.501 -0.403,-3.446 1.099,-4.341c1.501,-0.895 3.446,-0.403 4.341,1.098c1.248,2.094 0.562,4.808 -1.532,6.056c-2.094,1.248 -4.807,0.561 -6.055,-1.533c-1.602,-2.686 -0.721,-6.167 1.966,-7.769c2.686,-1.601 6.167,-0.72 7.769,1.966c0.188,0.316 0.085,0.726 -0.232,0.914c-0.316,0.189 -0.725,0.085 -0.914,-0.231c-1.224,-2.054 -3.886,-2.728 -5.941,-1.503c-2.054,1.224 -2.728,3.886 -1.503,5.941c0.871,1.461 2.765,1.941 4.227,1.069c1.462,-0.871 1.941,-2.765 1.07,-4.227c-0.518,-0.869 -1.644,-1.154 -2.514,-0.636c-0.869,0.518 -1.154,1.644 -0.636,2.514c0.165,0.276 0.524,0.367 0.8,0.202c0.277,-0.165 0.367,-0.523 0.202,-0.8Z" style="fill:url(#_Linear2);"/></g></g><defs><linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(9.79717e-16,16,-18.5056,1.13314e-15,8,-1.42109e-14)"><stop offset="0" style="stop-color:#fab507;stop-opacity:1"/><stop offset="0.5" style="stop-color:#ff8a00;stop-opacity:1"/><stop offset="1" style="stop-color:#ff3401;stop-opacity:1"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/audon-fe/src/assets/img/audon-logo-orange.svg b/audon-fe/src/assets/img/audon-logo-orange.svg
new file mode 100644
index 0000000..63ec304
--- /dev/null
+++ b/audon-fe/src/assets/img/audon-logo-orange.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="80" height="93" viewBox="0 0 80 93" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="audon-logo-orange"><path d="M2.941,51.725c-1.895,-4.652 -2.941,-9.74 -2.941,-15.069c0,-2.128 1.728,-3.856 3.855,-3.856c2.128,0 3.856,1.728 3.856,3.856c-0,4.3 0.841,8.406 2.371,12.159c4.807,11.802 16.398,20.13 29.918,20.13c13.52,-0 25.111,-8.328 29.918,-20.13c1.53,-3.753 2.371,-7.859 2.371,-12.159c0,-2.128 1.728,-3.856 3.856,-3.856c2.127,0 3.855,1.728 3.855,3.856c0,5.329 -1.046,10.417 -2.941,15.069c-4.526,11.11 -13.907,19.735 -25.502,23.233l-0,10.095l7.72,0c2.128,0 3.856,1.728 3.856,3.856c-0,2.127 -1.728,3.855 -3.856,3.855l-38.554,0c-2.128,0 -3.856,-1.728 -3.856,-3.855c0,-2.128 1.728,-3.856 3.856,-3.856l7.72,0l0,-10.095c-11.595,-3.498 -20.976,-12.123 -25.502,-23.233Zm40.905,24.748c-1.266,0.121 -2.549,0.183 -3.846,0.183c-1.297,-0 -2.58,-0.062 -3.846,-0.183c0,3.682 0,8.58 0,8.58l7.692,0l-0,-8.58Zm-0.824,-41.492c-1.09,-1.828 -0.491,-4.196 1.337,-5.286c1.828,-1.089 4.196,-0.49 5.286,1.338c3.132,5.255 1.409,12.064 -3.846,15.197c-5.254,3.132 -12.064,1.409 -15.196,-3.846c-5.176,-8.682 -2.329,-19.932 6.353,-25.107c8.682,-5.176 19.932,-2.329 25.108,6.353c7.218,12.109 3.247,27.8 -8.862,35.018c-12.109,7.218 -27.8,3.248 -35.018,-8.861c-9.261,-15.536 -4.167,-35.668 11.369,-44.929c15.536,-9.261 35.668,-4.167 44.93,11.369c1.089,1.828 0.49,4.196 -1.338,5.286c-1.828,1.089 -4.196,0.49 -5.286,-1.338c-7.082,-11.88 -22.477,-15.776 -34.357,-8.694c-11.881,7.082 -15.777,22.477 -8.695,34.358c5.039,8.453 15.994,11.225 24.447,6.186c8.453,-5.039 11.225,-15.993 6.186,-24.447c-2.996,-5.026 -9.509,-6.674 -14.536,-3.678c-5.026,2.996 -6.674,9.509 -3.678,14.536c0.953,1.599 3.026,2.123 4.625,1.17c1.599,-0.953 2.124,-3.026 1.171,-4.625Z" style="fill:url(#_Linear1);"/></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.66571e-15,92.528,-107.018,6.55296e-15,40,0.235993)"><stop offset="0" style="stop-color:#fab507;stop-opacity:1"/><stop offset="0.5" style="stop-color:#ff8a00;stop-opacity:1"/><stop offset="1" style="stop-color:#ff3401;stop-opacity:1"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/audon-fe/src/assets/img/audon-wordmark-white-text.svg b/audon-fe/src/assets/img/audon-wordmark-white-text.svg
new file mode 100644
index 0000000..5a4c0a3
--- /dev/null
+++ b/audon-fe/src/assets/img/audon-wordmark-white-text.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="302" height="93" viewBox="0 0 302 93" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="audon-wordmark-white-text"><path d="M98.357,70.481l14.988,-49.052l13.83,0l14.988,49.052l-9.538,-0l-13.353,-43.261l1.771,-0l-13.148,43.261l-9.538,-0Zm8.993,-10.219l-0,-8.652l25.888,-0l0,8.652l-25.888,-0Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M158.65,71.571c-2.884,-0 -5.235,-0.488 -7.051,-1.465c-1.817,-0.976 -3.231,-2.214 -4.241,-3.713c-1.011,-1.499 -1.732,-3.06 -2.163,-4.683c-0.432,-1.624 -0.693,-3.106 -0.784,-4.446c-0.091,-1.34 -0.136,-2.316 -0.136,-2.929l-0,-20.643l9.401,-0l0,17.373c0,0.84 0.046,1.913 0.137,3.219c0.091,1.305 0.374,2.617 0.851,3.934c0.477,1.317 1.255,2.418 2.334,3.304c1.078,0.886 2.606,1.329 4.581,1.329c0.795,-0 1.647,-0.125 2.555,-0.375c0.908,-0.25 1.76,-0.732 2.555,-1.448c0.795,-0.715 1.448,-1.771 1.959,-3.168c0.51,-1.396 0.766,-3.23 0.766,-5.501l5.314,2.521c-0,2.906 -0.591,5.632 -1.771,8.175c-1.181,2.543 -2.958,4.599 -5.331,6.166c-2.374,1.567 -5.365,2.35 -8.976,2.35Zm11.922,-1.09l0,-12.195l-1.158,0l-0,-24.594l9.333,-0l0,36.789l-8.175,-0Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M200.616,71.503c-3.383,-0 -6.347,-0.852 -8.89,-2.555c-2.544,-1.703 -4.525,-4.019 -5.944,-6.949c-1.42,-2.929 -2.129,-6.234 -2.129,-9.913c-0,-3.747 0.721,-7.079 2.163,-9.997c1.442,-2.918 3.469,-5.218 6.08,-6.898c2.612,-1.681 5.677,-2.521 9.197,-2.521c3.498,0 6.438,0.852 8.823,2.555c2.384,1.703 4.19,4.019 5.416,6.949c1.226,2.929 1.839,6.234 1.839,9.912c0,3.679 -0.618,6.984 -1.856,9.913c-1.238,2.93 -3.083,5.246 -5.535,6.949c-2.453,1.703 -5.507,2.555 -9.164,2.555Zm1.499,-8.244c2.067,0 3.719,-0.465 4.957,-1.396c1.237,-0.931 2.129,-2.237 2.674,-3.918c0.545,-1.68 0.817,-3.633 0.817,-5.859c0,-2.225 -0.272,-4.178 -0.817,-5.859c-0.545,-1.68 -1.414,-2.986 -2.606,-3.917c-1.193,-0.931 -2.754,-1.396 -4.684,-1.396c-2.067,-0 -3.764,0.505 -5.093,1.515c-1.328,1.011 -2.31,2.362 -2.946,4.054c-0.636,1.692 -0.954,3.56 -0.954,5.603c0,2.067 0.307,3.946 0.92,5.638c0.613,1.692 1.555,3.037 2.827,4.037c1.272,0.999 2.907,1.498 4.905,1.498Zm8.448,7.222l0,-25.207l-1.158,-0l-0,-23.845l9.333,0l0,49.052l-8.175,-0Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M243.196,71.503c-3.701,-0 -6.949,-0.829 -9.742,-2.487c-2.793,-1.658 -4.968,-3.946 -6.523,-6.864c-1.556,-2.918 -2.334,-6.273 -2.334,-10.066c0,-3.837 0.795,-7.215 2.385,-10.134c1.59,-2.918 3.781,-5.194 6.574,-6.829c2.793,-1.635 6.007,-2.453 9.64,-2.453c3.702,0 6.955,0.829 9.76,2.487c2.804,1.658 4.99,3.945 6.557,6.864c1.567,2.918 2.35,6.273 2.35,10.065c0,3.816 -0.789,7.182 -2.367,10.1c-1.578,2.919 -3.77,5.201 -6.575,6.847c-2.804,1.647 -6.046,2.47 -9.725,2.47Zm0,-8.652c2.975,-0 5.195,-1.005 6.66,-3.015c1.464,-2.01 2.197,-4.593 2.197,-7.75c-0,-3.27 -0.744,-5.881 -2.231,-7.834c-1.488,-1.953 -3.696,-2.93 -6.626,-2.93c-2.021,0 -3.679,0.454 -4.973,1.363c-1.294,0.908 -2.254,2.169 -2.878,3.781c-0.625,1.612 -0.937,3.486 -0.937,5.62c-0,3.293 0.744,5.911 2.231,7.852c1.487,1.942 3.673,2.913 6.557,2.913Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M292.521,70.481l-0,-17.373c-0,-0.84 -0.046,-1.913 -0.137,-3.219c-0.09,-1.305 -0.374,-2.617 -0.851,-3.934c-0.477,-1.317 -1.255,-2.419 -2.334,-3.304c-1.078,-0.886 -2.605,-1.329 -4.581,-1.329c-0.795,0 -1.647,0.125 -2.555,0.375c-0.908,0.25 -1.76,0.732 -2.555,1.448c-0.794,0.715 -1.447,1.765 -1.958,3.151c-0.511,1.385 -0.767,3.224 -0.767,5.518l-5.314,-2.521c0,-2.907 0.591,-5.632 1.772,-8.175c1.18,-2.544 2.957,-4.599 5.331,-6.166c2.373,-1.567 5.365,-2.35 8.975,-2.35c2.884,-0 5.235,0.488 7.052,1.465c1.816,0.976 3.23,2.214 4.241,3.713c1.01,1.498 1.731,3.06 2.163,4.683c0.431,1.624 0.692,3.106 0.783,4.446c0.091,1.34 0.136,2.316 0.136,2.929l0,20.643l-9.401,-0Zm-25.139,-0l-0,-36.789l8.243,-0l0,12.195l1.158,-0l0,24.594l-9.401,-0Z" style="fill:#fff;fill-rule:nonzero;"/><g><path d="M3.018,51.725c-1.895,-4.652 -2.94,-9.74 -2.94,-15.069c-0,-2.128 1.727,-3.856 3.855,-3.856c2.128,0 3.856,1.728 3.856,3.856c-0,4.3 0.841,8.406 2.37,12.159c4.808,11.802 16.398,20.13 29.919,20.13c13.52,-0 25.11,-8.328 29.918,-20.13c1.529,-3.753 2.371,-7.859 2.371,-12.159c-0,-2.128 1.727,-3.856 3.855,-3.856c2.128,0 3.856,1.728 3.856,3.856c-0,5.329 -1.046,10.417 -2.941,15.069c-4.527,11.11 -13.908,19.735 -25.503,23.233l0,10.095l7.721,0c2.128,0 3.855,1.728 3.855,3.856c0,2.127 -1.727,3.855 -3.855,3.855l-38.554,0c-2.128,0 -3.856,-1.728 -3.856,-3.855c0,-2.128 1.728,-3.856 3.856,-3.856l7.72,0l-0,-10.095c-11.595,-3.498 -20.976,-12.123 -25.503,-23.233Zm40.905,24.748c-1.265,0.121 -2.548,0.183 -3.845,0.183c-1.298,-0 -2.58,-0.062 -3.846,-0.183c-0,3.682 -0,8.58 -0,8.58l7.691,0l0,-8.58Zm-0.824,-41.492c-1.089,-1.828 -0.49,-4.196 1.338,-5.286c1.828,-1.089 4.196,-0.49 5.286,1.338c3.132,5.255 1.409,12.064 -3.846,15.197c-5.255,3.132 -12.064,1.409 -15.197,-3.846c-5.175,-8.682 -2.328,-19.932 6.354,-25.107c8.682,-5.176 19.932,-2.329 25.107,6.353c7.219,12.109 3.248,27.8 -8.861,35.018c-12.109,7.218 -27.8,3.248 -35.018,-8.861c-9.261,-15.536 -4.167,-35.668 11.369,-44.929c15.536,-9.261 35.668,-4.167 44.929,11.369c1.09,1.828 0.49,4.196 -1.337,5.286c-1.828,1.089 -4.197,0.49 -5.286,-1.338c-7.082,-11.88 -22.477,-15.776 -34.358,-8.694c-11.88,7.082 -15.776,22.477 -8.694,34.358c5.039,8.453 15.993,11.225 24.447,6.186c8.453,-5.039 11.225,-15.993 6.186,-24.447c-2.996,-5.026 -9.509,-6.674 -14.536,-3.678c-5.026,2.996 -6.674,9.509 -3.678,14.536c0.953,1.599 3.026,2.123 4.625,1.17c1.599,-0.953 2.124,-3.026 1.17,-4.625Z" style="fill:url(#_Linear1);"/></g></g><defs><linearGradient id="_Linear1" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(5.66571e-15,92.528,-107.018,6.55296e-15,40.0777,0.235993)"><stop offset="0" style="stop-color:#fab507;stop-opacity:1"/><stop offset="0.5" style="stop-color:#ff8a00;stop-opacity:1"/><stop offset="1" style="stop-color:#ff3401;stop-opacity:1"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/audon-fe/src/assets/img/mascot.png b/audon-fe/src/assets/img/mascot.png
new file mode 100644
index 0000000..b42d5fa
Binary files /dev/null and b/audon-fe/src/assets/img/mascot.png differ
diff --git a/audon-fe/src/assets/koruri b/audon-fe/src/assets/koruri
deleted file mode 160000
index c54a0e3..0000000
--- a/audon-fe/src/assets/koruri
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit c54a0e34d550cdcd552180dca81c1e28ac4e3100
diff --git a/audon-fe/src/assets/style.css b/audon-fe/src/assets/style.css
index 3ebffc5..541b6a6 100644
--- a/audon-fe/src/assets/style.css
+++ b/audon-fe/src/assets/style.css
@@ -1,8 +1,34 @@
+@font-face {
+  font-family: "Original Yu Gothic";
+  src: local("Yu Gothic Medium");
+  font-weight: 100;
+}
+@font-face {
+  font-family: "Original Yu Gothic";
+  src: local("Yu Gothic Medium");
+  font-weight: 200;
+}
+@font-face {
+  font-family: "Original Yu Gothic";
+  src: local("Yu Gothic Medium");
+  font-weight: 300;
+}
+@font-face {
+  font-family: "Original Yu Gothic";
+  src: local("Yu Gothic Medium");
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Original Yu Gothic";
+  src: local("Yu Gothic Bold");
+  font-weight: bold;
+}
+
 html,
 body,
 #app {
   height: 100%;
-  font-family: "Koruri", sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Noto Sans CJK JP", "Original Yu Gothic", "Yu Gothic", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Sans Emoji";
 }
 
 a.plain {
diff --git a/audon-fe/src/assets/udon.png b/audon-fe/src/assets/udon.png
deleted file mode 100644
index 6b785f8..0000000
Binary files a/audon-fe/src/assets/udon.png and /dev/null differ
diff --git a/audon-fe/src/assets/variables.css b/audon-fe/src/assets/variables.css
new file mode 100644
index 0000000..64b7c3d
--- /dev/null
+++ b/audon-fe/src/assets/variables.css
@@ -0,0 +1,6 @@
+:root {
+  --audon-yellow: #fab507;
+  --audon-orange: #ff8a00;
+  --audon-red: #ff3401;
+  --audon-gradient: linear-gradient(to top, var(--audon-red), var(--audon-orange), var(--audon-yellow))
+}
diff --git a/audon-fe/src/main.js b/audon-fe/src/main.js
index d31236b..6c4ff27 100644
--- a/audon-fe/src/main.js
+++ b/audon-fe/src/main.js
@@ -15,7 +15,6 @@ import router from "./router";
 import { useMastodonStore } from "./stores/mastodon";
 
 import "./assets/style.css";
-import "./assets/koruri/koruri.css";
 import "vuetify/styles";
 
 const vuetify = createVuetify({
diff --git a/audon-fe/src/router/index.js b/audon-fe/src/router/index.js
index ed51790..6f9013a 100644
--- a/audon-fe/src/router/index.js
+++ b/audon-fe/src/router/index.js
@@ -1,5 +1,4 @@
 import { createRouter, createWebHistory } from "vue-router";
-import HomeView from "../views/HomeView.vue";
 import LoginView from "../views/LoginView.vue";
 import RoomView from "../views/RoomView.vue";
 import NotFoundView from "../views/NotFoundView.vue";
@@ -18,7 +17,7 @@ const router = createRouter({
     {
       path: "/",
       name: "home",
-      component: HomeView,
+      component: () => import("../views/HomeView.vue"),
     },
     {
       path: "/about",
diff --git a/audon-fe/src/views/AboutView.vue b/audon-fe/src/views/AboutView.vue
index 837c351..52b71d6 100644
--- a/audon-fe/src/views/AboutView.vue
+++ b/audon-fe/src/views/AboutView.vue
@@ -20,18 +20,8 @@ export default {
     <div>
       Under construction
     </div>
-    <div>
-      <RouterLink :to="{ name: 'home' }">Home</RouterLink>
-    </div>
   </div>
 </template>
 
-<style>
-@media (min-width: 1024px) {
-  .about {
-    min-height: 100vh;
-    display: flex;
-    align-items: center;
-  }
-}
+<style scoped>
 </style>
diff --git a/audon-fe/src/views/CreateView.vue b/audon-fe/src/views/CreateView.vue
index 9c2e849..b4a83f4 100644
--- a/audon-fe/src/views/CreateView.vue
+++ b/audon-fe/src/views/CreateView.vue
@@ -20,6 +20,14 @@ import axios from "axios";
 export default {
   setup() {
     return {
+      mdiMastodon,
+      mdiClipboardCheck,
+      mdiClipboardEdit,
+      mdiArrowLeft,
+      mdiMagnify,
+      mdiClose,
+      mdiPlus,
+      webfinger,
       v$: useVuelidate(),
       donStore: useMastodonStore(),
       clipboard: useClipboard(),
@@ -33,13 +41,6 @@ export default {
   },
   data() {
     return {
-      mdiMastodon,
-      mdiClipboardCheck,
-      mdiClipboardEdit,
-      mdiArrowLeft,
-      mdiMagnify,
-      mdiClose,
-      mdiPlus,
       title: "",
       description: "",
       cohosts: [],
@@ -155,7 +156,6 @@ export default {
     onShareClick() {
       window.open(this.shareURL, "Audon Share", "width=400,height=600");
     },
-    webfinger,
     async onSubmit() {
       this.title = trim(this.title);
       this.description = trim(this.description);
diff --git a/audon-fe/src/views/LoginView.vue b/audon-fe/src/views/LoginView.vue
index 293dfcc..3cc7b55 100644
--- a/audon-fe/src/views/LoginView.vue
+++ b/audon-fe/src/views/LoginView.vue
@@ -72,6 +72,9 @@ export default {
 </script>
 
 <template>
+  <div class="text-center mb-8">
+    <img src="../assets/img/audon-wordmark-white-text.svg" :draggable="false" alt="Branding Wordmark" style="width: 100%; max-width: 200px;" />
+  </div>
   <v-alert v-if="$route.query.l" type="warning" variant="text">
     <div>{{ $t("loginRequired") }}</div>
   </v-alert>
diff --git a/audon-fe/src/views/RoomView.vue b/audon-fe/src/views/RoomView.vue
index c417afc..0a5e2ea 100644
--- a/audon-fe/src/views/RoomView.vue
+++ b/audon-fe/src/views/RoomView.vue
@@ -56,6 +56,19 @@ export default {
       false
     );
     return {
+      webfinger,
+      clone,
+      mdiLogout,
+      mdiAccountVoice,
+      mdiMicrophone,
+      mdiMicrophoneOff,
+      mdiMicrophoneQuestion,
+      mdiDoorClosed,
+      mdiVolumeOff,
+      mdiClose,
+      mdiCheck,
+      mdiDotsVertical,
+      mdiPencil,
       v$: useVuelidate(),
       donStore: useMastodonStore(),
       decoder: new TextDecoder(),
@@ -83,20 +96,9 @@ export default {
   },
   data() {
     return {
-      mdiLogout,
-      mdiAccountVoice,
-      mdiMicrophone,
-      mdiMicrophoneOff,
-      mdiMicrophoneQuestion,
-      mdiDoorClosed,
-      mdiVolumeOff,
-      mdiClose,
-      mdiCheck,
-      mdiDotsVertical,
-      mdiPencil,
       roomID: this.$route.params.id,
       loading: true,
-      mainHeight: 600,
+      mainHeight: 700,
       roomClient: new Room(),
       roomInfo: {
         title: "",
@@ -225,7 +227,6 @@ export default {
     },
   },
   methods: {
-    webfinger,
     refreshTimeElapsed() {
       if (!this.roomInfo.created_at) return;
       const now = DateTime.utc();
@@ -324,6 +325,8 @@ export default {
                     self.isCohost(metadata)
                   ) {
                     self.speakRequests.delete(jsonData.audon_id);
+                    if (self.speakRequests.size < 1)
+                      self.showRequestNotification = false;
                   }
                   break;
               }
@@ -340,6 +343,8 @@ export default {
             if (!self.roomInfo.speakers) return;
             for (const speakers of self.roomInfo.speakers) {
               self.speakRequests.delete(speakers.audon_id);
+              if (self.speakRequests.size < 1)
+                self.showRequestNotification = false;
             }
             if (self.iamSpeaker && !self.micGranted) {
               self.roomClient.localParticipant
@@ -605,7 +610,6 @@ export default {
         this.showEditDialog = false;
       }
     },
-    clone,
   },
 };
 </script>
@@ -767,9 +771,9 @@ export default {
     <v-card :height="mainHeight" :loading="loading" class="d-flex flex-column">
       <v-card-title class="d-flex align-center">
         <div class="mr-auto overflow-y-auto">{{ roomInfo.title }}</div>
-        <v-chip v-if="timeElapsed" class="mx-1 flex-shrink-0">{{
-          timeElapsed
-        }}</v-chip>
+        <v-chip v-if="timeElapsed" class="mx-1 flex-shrink-0">
+          <code>{{ timeElapsed }}</code>
+        </v-chip>
         <div v-if="iamHost" class="flex-shrink-0">
           <v-menu>
             <template v-slot:activator="{ props }">
@@ -887,3 +891,9 @@ export default {
     </v-card>
   </main>
 </template>
+
+<style scoped>
+.v-card {
+  background-color: rgba(33, 33, 33, 0.9);
+}
+</style>
\ No newline at end of file
