diff --git a/public/assets/icons/chat-icon.svg b/public/assets/icons/chat-icon.svg
new file mode 100644
index 0000000..c499689
--- /dev/null
+++ b/public/assets/icons/chat-icon.svg
@@ -0,0 +1,20 @@
+
diff --git a/public/assets/icons/chat.png b/public/assets/icons/chat.png
deleted file mode 100644
index 7da4c66..0000000
Binary files a/public/assets/icons/chat.png and /dev/null differ
diff --git a/public/assets/icons/map-icon.svg b/public/assets/icons/map-icon.svg
new file mode 100644
index 0000000..87d3e31
--- /dev/null
+++ b/public/assets/icons/map-icon.svg
@@ -0,0 +1,25 @@
+
diff --git a/public/assets/icons/menu-icon.svg b/public/assets/icons/menu-icon.svg
new file mode 100644
index 0000000..e4e1ab4
--- /dev/null
+++ b/public/assets/icons/menu-icon.svg
@@ -0,0 +1,10 @@
+
diff --git a/public/assets/icons/socials-icon.svg b/public/assets/icons/socials-icon.svg
new file mode 100644
index 0000000..ddd5ad6
--- /dev/null
+++ b/public/assets/icons/socials-icon.svg
@@ -0,0 +1,25 @@
+
diff --git a/public/assets/icons/users.png b/public/assets/icons/users.png
deleted file mode 100644
index 9310dda..0000000
Binary files a/public/assets/icons/users.png and /dev/null differ
diff --git a/public/assets/icons/world.png b/public/assets/icons/world.png
deleted file mode 100644
index 0310b2e..0000000
Binary files a/public/assets/icons/world.png and /dev/null differ
diff --git a/public/assets/shapes/hud-image-shape-flipped.svg b/public/assets/shapes/hud-image-shape-flipped.svg
deleted file mode 100644
index 25eef93..0000000
--- a/public/assets/shapes/hud-image-shape-flipped.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/public/assets/shapes/hud-image-shape.svg b/public/assets/shapes/hud-image-shape.svg
deleted file mode 100644
index 98eca1b..0000000
--- a/public/assets/shapes/hud-image-shape.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/public/assets/ui-border-4-corners.svg b/public/assets/ui-border-4-corners.svg
new file mode 100644
index 0000000..aa8e647
--- /dev/null
+++ b/public/assets/ui-border-4-corners.svg
@@ -0,0 +1,26 @@
+
diff --git a/public/assets/login/login-box-inner.svg b/public/assets/ui-box-inner.svg
similarity index 100%
rename from public/assets/login/login-box-inner.svg
rename to public/assets/ui-box-inner.svg
diff --git a/public/assets/login/login-box-outer.svg b/public/assets/ui-box-outer.svg
similarity index 100%
rename from public/assets/login/login-box-outer.svg
rename to public/assets/ui-box-outer.svg
diff --git a/public/assets/ui-rect-border-4-corners.svg b/public/assets/ui-rect-border-4-corners.svg
new file mode 100644
index 0000000..a6e4c5c
--- /dev/null
+++ b/public/assets/ui-rect-border-4-corners.svg
@@ -0,0 +1,23 @@
+
diff --git a/public/assets/ui-texture.png b/public/assets/ui-texture.png
new file mode 100644
index 0000000..8bd1398
Binary files /dev/null and b/public/assets/ui-texture.png differ
diff --git a/src/assets/fonts/upheavtt.ttf b/src/assets/fonts/upheavtt.ttf
new file mode 100644
index 0000000..e374c97
Binary files /dev/null and b/src/assets/fonts/upheavtt.ttf differ
diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index c0c7b6c..44ae8e2 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -4,6 +4,10 @@
// Fonts
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+@font-face {
+ font-family: 'Upheaval';
+ src: url('../fonts/upheavtt.ttf');
+}
//Globals
diff --git a/src/components/gui/Hud.vue b/src/components/gui/Hud.vue
index 57ad642..a31cea8 100644
--- a/src/components/gui/Hud.vue
+++ b/src/components/gui/Hud.vue
@@ -1,5 +1,16 @@
-
+
+
+
+
+
{{ gameStore.character?.hitpoints }}%
+
+
+
+
+
{{ gameStore.character?.mana }}%
+
+
diff --git a/src/components/gui/Menu.vue b/src/components/gui/Menu.vue
index f68711b..a450751 100644
--- a/src/components/gui/Menu.vue
+++ b/src/components/gui/Menu.vue
@@ -1,39 +1,49 @@
-