diff --git a/README.md b/README.md
index 7781fb5..b80f6c3 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,27 @@
-![Heropad screenshot](./media/header.png?raw=true)
+<div align="center">
+  <img alt="Shadowave" src="./apps/web/public/favicon.svg" width="64px">
+  <h1>Shadowave</h1>
+  <p>
+    <b>Theme transition visualizer - from light to dark and everything in between</b>
+  </p>
+  <p>
+    <img alt="GitHub Actions Workflow Status" src="https://img.shields.io/github/actions/workflow/status/gzukas/shadowave/pr.yml?style=flat&colorA=020817&colorB=020817">
+  </p>
+</div>
 
-Create a screenshot showcasing your app's transition from ☀️ to 🌙 theme.
+![Shadowave screenshot](./media/header.png?raw=true)
 
-## Visit [shadowave.gzukas.lt](https://shadowave.gzukas.lt) to start waving!
+## Visit [shadowave.gzukas.lt](https://shadowave.gzukas.lt) to start!
 
+## About
 
+Shadowave lets you see how your UI transitions between light and dark themes. Upload your designs or grab screenshots from live sites, and get a smooth visualization showing the shift between modes.
 
+Just generate a single image that tells the whole story.
 
+## Features
+
+- [x] Import images or capture live websites.
+- [x] Choose from different wave types for visual effects.
+- [x] Customize sinusoid wave attributes.
+- [x] Export as PNG or copy as SVG.
diff --git a/apps/web/public/favicon.svg b/apps/web/public/favicon.svg
index a012553..409e50f 100644
--- a/apps/web/public/favicon.svg
+++ b/apps/web/public/favicon.svg
@@ -1,17 +1,12 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eclipse">
-  <style>
-    path,
-    circle {
-      color: rgb(60, 60, 67);
-    }
-
-    @media (prefers-color-scheme: dark) {
-      path,
-      circle {
-        color: rgba(255, 255, 245, 0.86);
-      }
-    }
-  </style>
-  <circle cx="12" cy="12" r="10" />
-  <path d="M12 2a7 7 0 1 0 10 10" />
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <defs>
+    <mask id="roundMask">
+      <rect width="16" height="16" rx="3" ry="3" fill="white"/>
+    </mask>
+  </defs>
+  <g mask="url(#roundMask)">
+    <rect width="16" height="16" fill="#020817"/>
+    <path d="M 0 8 C 2 3, 6 3, 8 8 C 10 13, 14 13, 16 8 L 16 0 L 0 0 Z" fill="#e0e0e0"/>
+    <rect width="16" height="16" rx="3" ry="3" stroke="#555555" stroke-width="1" fill="none"/>
+  </g>
 </svg>
\ No newline at end of file
diff --git a/media/header.png b/media/header.png
index 0f6526b..21bf6bb 100644
Binary files a/media/header.png and b/media/header.png differ