diff --git a/src/porchlight/static/favicon.png b/src/porchlight/static/favicon.png
index a6436c5..e9f7426 100644
Binary files a/src/porchlight/static/favicon.png and b/src/porchlight/static/favicon.png differ
diff --git a/src/porchlight/static/logo.svg b/src/porchlight/static/logo.svg
index 8bfb1c1..93c1d54 100644
--- a/src/porchlight/static/logo.svg
+++ b/src/porchlight/static/logo.svg
@@ -1,11 +1,27 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
-  <!-- Pentagon house shape with pointed roof -->
-  <path d="M32 6 L54 22 L50 46 H14 L10 22 Z" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
-  <!-- Light circle -->
-  <circle cx="32" cy="28" r="6.5" stroke="currentColor" stroke-width="3" fill="none"/>
-  <circle cx="32" cy="28" r="2" fill="#d97706"/>
-  <!-- Small dot accent (upper left) -->
-  <circle cx="19" cy="18" r="1.5" fill="currentColor"/>
-  <!-- Curved lower shield/visor -->
-  <path d="M16 44 Q24 58 32 58 Q40 58 48 44" stroke="currentColor" stroke-width="3.5" stroke-linecap="round" fill="none"/>
+  <title>Porchlight</title>
+  <style>
+    .structure { stroke: #292524; }
+    .door { fill: #e7e5e4; }
+    .glow { fill: #fef3c7; }
+    .lamp { fill: #d97706; }
+    @media (prefers-color-scheme: dark) {
+      .structure { stroke: #fafaf9; }
+      .door { fill: #44403c; }
+      .glow { fill: #78350f; }
+      .lamp { fill: #fbbf24; }
+    }
+  </style>
+
+  <!-- A simple porch: shelter, doorway, and a warm light left on. -->
+  <path class="structure" d="M8 25 32 7l24 18M13 25h38M16 25v28M48 25v28M10 53h44"
+        stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+
+  <path class="door" d="M22 52V38a10 10 0 0 1 20 0v14Z"/>
+  <path class="structure" d="M22 52V38a10 10 0 0 1 20 0v14"
+        stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
+
+  <circle class="glow" cx="32" cy="22" r="8"/>
+  <path class="structure" d="M32 12v5" stroke-width="3" stroke-linecap="round"/>
+  <circle class="lamp" cx="32" cy="22" r="4"/>
 </svg>