diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf
new file mode 100644
index 0000000..94717b8
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Bold.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-BoldItalic.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-BoldItalic.ttf
new file mode 100644
index 0000000..6ee8194
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-BoldItalic.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf
new file mode 100644
index 0000000..3f74ac6
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLightItalic.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLightItalic.ttf
new file mode 100644
index 0000000..3384681
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-ExtraLightItalic.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Italic.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Italic.ttf
new file mode 100644
index 0000000..7793bae
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Italic.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Light.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Light.ttf
new file mode 100644
index 0000000..5c25d87
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Light.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-LightItalic.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-LightItalic.ttf
new file mode 100644
index 0000000..8869a9a
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-LightItalic.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf
new file mode 100644
index 0000000..4c74ec6
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Medium.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-MediumItalic.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-MediumItalic.ttf
new file mode 100644
index 0000000..110e819
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-MediumItalic.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf
new file mode 100644
index 0000000..702c637
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Regular.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf
new file mode 100644
index 0000000..a0cde8e
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBoldItalic.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBoldItalic.ttf
new file mode 100644
index 0000000..514306e
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-SemiBoldItalic.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf
new file mode 100644
index 0000000..1ff8fb0
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf differ
diff --git a/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-ThinItalic.ttf b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-ThinItalic.ttf
new file mode 100644
index 0000000..17a0812
Binary files /dev/null and b/services/webui/src/app/assets/fonts/IBMPlexSans/IBMPlexSans-ThinItalic.ttf differ
diff --git a/services/webui/src/app/components/SideNav.vue b/services/webui/src/app/components/SideNav.vue
index 534c3ff..8947810 100644
--- a/services/webui/src/app/components/SideNav.vue
+++ b/services/webui/src/app/components/SideNav.vue
@@ -10,7 +10,7 @@
 			</button>
 		</div>
 		<nav class="fixed lg:relative inset-y-0 w-72 lg:w-64 xl:w-72 flex flex-col flex-shrink-0 bg-white shadow-lg z-50" :class="{'active': isOpen}">
-			<div class="brand">AUTOPLEX</div>
+			<div class="brand font-brand">AUTOPLEX</div>
 			<div class="mt-4 text-center">
 				<div class="user"><i class="fas opacity-40" :class="{'fa-user': !isAdmin, 'fa-user-tie': isAdmin}"></i></div>
 				<div class="font-black text-lg opacity-80">{{ userName }}</div>
diff --git a/services/webui/src/app/styles/index.css b/services/webui/src/app/styles/index.css
index 49284e6..745ad7a 100644
--- a/services/webui/src/app/styles/index.css
+++ b/services/webui/src/app/styles/index.css
@@ -1,3 +1,8 @@
+@font-face {
+	font-family: "IBM Plex Sans";
+	src: url("../assets/fonts/IBMPlexSans/IBMPlexSans-Thin.ttf");
+}
+
 @import '@fortawesome/fontawesome-free/css/all.css';
 @tailwind base;
 @tailwind components;
diff --git a/services/webui/src/app/views/Login.vue b/services/webui/src/app/views/Login.vue
index 13a92c3..4b28021 100644
--- a/services/webui/src/app/views/Login.vue
+++ b/services/webui/src/app/views/Login.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="w-full sm:max-w-sm sm:mx-auto sm:my-auto p-6 space-y-4 bg-white rounded-lg shadow-md">
-		<div class="text-center font-thin text-4xl py-4">AUTOPLEX</div>
+		<div class="text-center font-thin text-4xl py-4 font-brand">AUTOPLEX</div>
 		<div class="font-medium text-center text-xl">Sign in</div>
 		<form @submit.prevent="login">
 			<div class="space-y-4">
diff --git a/services/webui/src/app/views/Register.vue b/services/webui/src/app/views/Register.vue
index 03ec399..b28de2f 100644
--- a/services/webui/src/app/views/Register.vue
+++ b/services/webui/src/app/views/Register.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="w-full sm:max-w-sm sm:mx-auto sm:my-auto p-6 space-y-4 bg-white rounded-lg shadow-md">
-		<div class="text-center font-thin text-4xl py-4">AUTOPLEX</div>
+		<div class="text-center font-thin text-4xl py-4 font-brand">AUTOPLEX</div>
 		<div class="font-medium text-center text-xl">Sign Up</div>
 		<form @submit.prevent="register">
 			<div class="space-y-4">
diff --git a/services/webui/tailwind.config.js b/services/webui/tailwind.config.js
index 60eb56f..9fde38a 100644
--- a/services/webui/tailwind.config.js
+++ b/services/webui/tailwind.config.js
@@ -5,6 +5,9 @@ module.exports = {
   darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {
+      fontFamily: {
+        "brand": ["IBM Plex Sans", "sans"]
+      },
       colors: {
         ui: {
           plexGray: "rgb(31, 35, 38)"