diff --git a/karaokatalog/ui/static/index.html b/karaokatalog/ui/static/index.html
new file mode 100644
index 0000000..c2173f1
--- /dev/null
+++ b/karaokatalog/ui/static/index.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="de">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Karaokatalog</title>
+        <link
+            href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
+            rel="stylesheet"
+        />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0"
+            rel="stylesheet"
+        />
+        <link rel="stylesheet" href="style.css" />
+    </head>
+    <body>
+        <main>
+            <p>Lade Karaokatalog-App...</p>
+        </main>
+
+        <script type="module" src="karaokatalog.js"></script>
+    </body>
+</html>
