diff --git a/static/favicon.svg b/static/favicon.svg
new file mode 100644
index 0000000..7d59bf1
--- /dev/null
+++ b/static/favicon.svg
@@ -0,0 +1,96 @@
+<svg
+	viewBox="-30 -20 340 440"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<!-- Device body with shadow -->
+	<defs>
+		<linearGradient id="screenGradient" x1="0%" y1="0%" x2="0%" y2="100%">
+			<stop offset="0%" stop-color="#f8f8f8" />
+			<stop offset="100%" stop-color="#e8e8e8" />
+		</linearGradient>
+		<clipPath id="screenClip">
+			<rect x="24" y="24" width="232" height="310" rx="2" />
+		</clipPath>
+	</defs>
+
+	<!-- Device outer shell -->
+	<rect
+		x="4"
+		y="4"
+		width="272"
+		height="372"
+		rx="16"
+		fill="#2a2a2a"
+	/>
+
+	<!-- Device bezel -->
+	<rect
+		x="8"
+		y="8"
+		width="264"
+		height="364"
+		rx="12"
+		fill="#1a1a1a"
+	/>
+
+	<!-- Screen area -->
+	<rect
+		x="24"
+		y="24"
+		width="232"
+		height="310"
+		rx="2"
+		fill="url(#screenGradient)"
+	/>
+
+	<!-- Sample e-ink image (abstract landscape) -->
+	<g clip-path="url(#screenClip)">
+		<!-- Sky gradient -->
+		<rect x="24" y="24" width="232" height="155" fill="#d4d4d4" />
+
+		<!-- Sun/moon (behind mountains) -->
+		<circle cx="200" cy="70" r="25" fill="#f0f0f0" />
+
+		<!-- Mountains - back layer -->
+		<path
+			d="M24 160 L80 100 L140 140 L200 80 L256 130 L256 334 L24 334 Z"
+			fill="#a0a0a0"
+		/>
+
+		<!-- Mountains - front layer -->
+		<path
+			d="M24 180 L60 130 L120 170 L180 120 L240 160 L256 150 L256 334 L24 334 Z"
+			fill="#707070"
+		/>
+
+		<!-- Hills/foreground -->
+		<path
+			d="M24 200 Q80 180 140 210 Q200 240 256 200 L256 334 L24 334 Z"
+			fill="#505050"
+		/>
+
+		<!-- Trees silhouette -->
+		<g fill="#404040">
+			<path d="M40 210 L50 180 L60 210 Z" />
+			<path d="M55 215 L65 190 L75 215 Z" />
+			<path d="M200 225 L212 195 L224 225 Z" />
+			<path d="M215 230 L225 205 L235 230 Z" />
+		</g>
+	</g>
+
+	<!-- Screen bezel inner edge highlight -->
+	<rect
+		x="24"
+		y="24"
+		width="232"
+		height="310"
+		rx="2"
+		fill="none"
+		stroke="#333"
+		stroke-width="1"
+	/>
+
+	<!-- Home button / indicator -->
+	<circle cx="140" cy="356" r="8" fill="#333" stroke="#444" stroke-width="1" />
+</svg>