diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 6fc5063..9ca022f 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -9,6 +9,8 @@
       "version": "9.0.1",
       "dependencies": {
         "@dagrejs/dagre": "^2.0.4",
+        "@fontsource-variable/manrope": "^5.2.8",
+        "@fontsource/ibm-plex-mono": "^5.2.7",
         "@git-diff-view/lowlight": "^0.0.39",
         "@git-diff-view/react": "^0.0.39",
         "@radix-ui/react-avatar": "^1.1.11",
@@ -1258,6 +1260,24 @@
       "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
       "license": "MIT"
     },
+    "node_modules/@fontsource-variable/manrope": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/manrope/-/manrope-5.2.8.tgz",
+      "integrity": "sha512-nc9lOuCRz73UHnovDE2bwXUdghE2SEOc7Aii0qGe3CLyE03W1a7VnY5Z6euRiapiKbCkGS+eXbY3s/kvWeGeSw==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource/ibm-plex-mono": {
+      "version": "5.2.7",
+      "resolved": "https://registry.npmjs.org/@fontsource/ibm-plex-mono/-/ibm-plex-mono-5.2.7.tgz",
+      "integrity": "sha512-MKAb8qV+CaiMQn2B0dIi1OV3565NYzp3WN5b4oT6LTkk+F0jR6j0ZN+5BKJiIhffDC3rtBULsYZE65+0018z9w==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@git-diff-view/core": {
       "version": "0.0.39",
       "resolved": "https://registry.npmjs.org/@git-diff-view/core/-/core-0.0.39.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 071834c..36d3730 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,6 +16,8 @@
   },
   "dependencies": {
     "@dagrejs/dagre": "^2.0.4",
+    "@fontsource-variable/manrope": "^5.2.8",
+    "@fontsource/ibm-plex-mono": "^5.2.7",
     "@git-diff-view/lowlight": "^0.0.39",
     "@git-diff-view/react": "^0.0.39",
     "@radix-ui/react-avatar": "^1.1.11",
diff --git a/frontend/src/assets/fonts/IBMPlexMono-Medium.woff2 b/frontend/src/assets/fonts/IBMPlexMono-Medium.woff2
new file mode 100644
index 0000000..090f82f
Binary files /dev/null and b/frontend/src/assets/fonts/IBMPlexMono-Medium.woff2 differ
diff --git a/frontend/src/assets/fonts/IBMPlexMono-Regular.woff2 b/frontend/src/assets/fonts/IBMPlexMono-Regular.woff2
new file mode 100644
index 0000000..0804aaf
Binary files /dev/null and b/frontend/src/assets/fonts/IBMPlexMono-Regular.woff2 differ
diff --git a/frontend/src/assets/fonts/Manrope-Variable.woff2 b/frontend/src/assets/fonts/Manrope-Variable.woff2
new file mode 100644
index 0000000..71eb731
Binary files /dev/null and b/frontend/src/assets/fonts/Manrope-Variable.woff2 differ