diff --git a/frontend/public/logo-white.svg b/frontend/public/logo-white.svg
new file mode 100644
index 0000000..af52b30
--- /dev/null
+++ b/frontend/public/logo-white.svg
@@ -0,0 +1,5 @@
+<svg width="512" height="512" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10 25 L 90 25" stroke="white" stroke-width="7" stroke-linecap="round"/>
+  <path d="M10 50 C 40 50, 60 35, 90 25" stroke="white" stroke-width="7" stroke-linecap="round"/>
+  <path d="M10 75 C 40 75, 60 45, 90 25" stroke="white" stroke-width="7" stroke-linecap="round"/>
+</svg>
diff --git a/frontend/public/logo.svg b/frontend/public/logo.svg
new file mode 100644
index 0000000..8e9ab91
--- /dev/null
+++ b/frontend/public/logo.svg
@@ -0,0 +1,5 @@
+<svg width="512" height="512" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10 25 L 90 25" stroke="#6750A4" stroke-width="7" stroke-linecap="round"/>
+  <path d="M10 50 C 40 50, 60 35, 90 25" stroke="#6750A4" stroke-width="7" stroke-linecap="round"/>
+  <path d="M10 75 C 40 75, 60 45, 90 25" stroke="#6750A4" stroke-width="7" stroke-linecap="round"/>
+</svg>
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 05d415d..fe2beb0 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -15,7 +15,7 @@ function App() {
           <AppBar position="static">
             <Toolbar>
               <Box sx={{ display: 'flex', alignItems: 'center', flexGrow: 1 }}>
-                <img src="/logo.svg" alt="Unisono Logo" style={{ height: 24, marginRight: 8 }} /> {/* Placeholder for logo */}
+                <img src="/logo-white.svg" alt="Unisono Logo" style={{ height: 24, marginRight: 8 }} />
                 <Typography variant="h6" component="div">
                   Unisono
                 </Typography>