diff --git a/assets/brand/favicon-16x16.png b/assets/brand/favicon-16x16.png
new file mode 100644
index 0000000..05e32c8
Binary files /dev/null and b/assets/brand/favicon-16x16.png differ
diff --git a/assets/brand/favicon-32x32.png b/assets/brand/favicon-32x32.png
new file mode 100644
index 0000000..5343429
Binary files /dev/null and b/assets/brand/favicon-32x32.png differ
diff --git a/assets/brand/favicon-48x48.png b/assets/brand/favicon-48x48.png
new file mode 100644
index 0000000..775eb02
Binary files /dev/null and b/assets/brand/favicon-48x48.png differ
diff --git a/assets/brand/favicon.ico b/assets/brand/favicon.ico
new file mode 100644
index 0000000..40190ce
Binary files /dev/null and b/assets/brand/favicon.ico differ
diff --git a/assets/brand/favicon.svg b/assets/brand/favicon.svg
new file mode 100644
index 0000000..89ac0e2
--- /dev/null
+++ b/assets/brand/favicon.svg
@@ -0,0 +1,61 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="256" height="256" role="img" aria-labelledby="title desc">
+  <title id="title">QuickThumb favicon</title>
+  <desc id="desc">A minimal QuickThumb app tile for browser tabs and small icon sizes.</desc>
+
+  <defs>
+    <clipPath id="tileClip">
+      <rect x="8" y="8" width="104" height="104" rx="28" />
+    </clipPath>
+
+    <linearGradient id="tileGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#08101E" />
+      <stop offset="60%" stop-color="#10213E" />
+      <stop offset="100%" stop-color="#15325C" />
+    </linearGradient>
+
+    <linearGradient id="frameGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#5B6CFF" />
+      <stop offset="56%" stop-color="#2563EB" />
+      <stop offset="100%" stop-color="#22D3EE" />
+    </linearGradient>
+
+    <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#13203A" />
+      <stop offset="100%" stop-color="#21406F" />
+    </linearGradient>
+
+    <linearGradient id="sceneGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#1D4ED8" />
+      <stop offset="100%" stop-color="#312E81" />
+    </linearGradient>
+
+    <linearGradient id="mountainGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#C4B5FD" />
+      <stop offset="100%" stop-color="#67E8F9" />
+    </linearGradient>
+
+    <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#FB7185" />
+      <stop offset="100%" stop-color="#F97316" />
+    </linearGradient>
+  </defs>
+
+  <g clip-path="url(#tileClip)">
+    <rect x="8" y="8" width="104" height="104" rx="28" fill="url(#tileGrad)" />
+  </g>
+  <rect x="8.75" y="8.75" width="102.5" height="102.5" rx="27.25" fill="none" stroke="#FFFFFF" stroke-opacity="0.08" stroke-width="1.5" />
+
+  <path
+    d="M44 27H76A16 16 0 0 1 92 43V76A16 16 0 0 1 76 92H44A16 16 0 0 1 28 76V43A16 16 0 0 1 44 27Z"
+    fill="none"
+    stroke="url(#frameGrad)"
+    stroke-width="7"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+
+  <rect x="40" y="40" width="33" height="20" rx="6" fill="url(#cardGrad)" />
+  <rect x="42" y="42" width="29" height="11.5" rx="4.5" fill="url(#sceneGrad)" />
+  <path d="M42 53.5L50.5 47L56.5 50L62.5 45.5L71 53.5Z" fill="url(#mountainGrad)" />
+  <circle cx="70.5" cy="69.5" r="7" fill="url(#accentGrad)" />
+</svg>
diff --git a/assets/brand/quickthumb-icon-1024.png b/assets/brand/quickthumb-icon-1024.png
new file mode 100644
index 0000000..e9610d5
Binary files /dev/null and b/assets/brand/quickthumb-icon-1024.png differ
diff --git a/assets/brand/quickthumb-icon-256.png b/assets/brand/quickthumb-icon-256.png
new file mode 100644
index 0000000..55147c5
Binary files /dev/null and b/assets/brand/quickthumb-icon-256.png differ
diff --git a/assets/brand/quickthumb-icon.svg b/assets/brand/quickthumb-icon.svg
new file mode 100644
index 0000000..7b32708
--- /dev/null
+++ b/assets/brand/quickthumb-icon.svg
@@ -0,0 +1,75 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120" width="1024" height="1024" role="img" aria-labelledby="title desc">
+  <title id="title">QuickThumb brand icon</title>
+  <desc id="desc">A simplified thumbnail card inside a rounded editor frame on a deep blue tile.</desc>
+
+  <defs>
+    <clipPath id="tileClip">
+      <rect x="8" y="8" width="104" height="104" rx="28" />
+    </clipPath>
+
+    <linearGradient id="tileGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#08101E" />
+      <stop offset="55%" stop-color="#10213E" />
+      <stop offset="100%" stop-color="#15325C" />
+    </linearGradient>
+
+    <linearGradient id="frameGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#5B6CFF" />
+      <stop offset="58%" stop-color="#2563EB" />
+      <stop offset="100%" stop-color="#22D3EE" />
+    </linearGradient>
+
+    <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#121C33" />
+      <stop offset="100%" stop-color="#1D345E" />
+    </linearGradient>
+
+    <linearGradient id="sceneGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#1D4ED8" />
+      <stop offset="100%" stop-color="#312E81" />
+    </linearGradient>
+
+    <linearGradient id="mountainGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#A5B4FC" />
+      <stop offset="100%" stop-color="#38BDF8" />
+    </linearGradient>
+
+    <linearGradient id="accentGrad" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#FB7185" />
+      <stop offset="100%" stop-color="#F97316" />
+    </linearGradient>
+  </defs>
+
+  <g clip-path="url(#tileClip)">
+    <rect x="8" y="8" width="104" height="104" rx="28" fill="url(#tileGrad)" />
+  </g>
+  <rect x="8.75" y="8.75" width="102.5" height="102.5" rx="27.25" fill="none" stroke="#FFFFFF" stroke-opacity="0.08" stroke-width="1.5" />
+
+  <path
+    d="M44 28H76A16 16 0 0 1 92 44V76A16 16 0 0 1 76 92H44A16 16 0 0 1 28 76V44A16 16 0 0 1 44 28Z"
+    fill="none"
+    stroke="url(#frameGrad)"
+    stroke-width="6.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+  <path
+    d="M46 32H74A12 12 0 0 1 86 44V76A12 12 0 0 1 74 88H46A12 12 0 0 1 34 76V44A12 12 0 0 1 46 32Z"
+    fill="none"
+    stroke="#0B1426"
+    stroke-opacity="0.42"
+    stroke-width="1.75"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+  />
+
+  <rect x="39" y="37" width="42" height="25" rx="8" fill="url(#cardGrad)" />
+  <rect x="41.5" y="39.5" width="37" height="13.5" rx="5" fill="url(#sceneGrad)" />
+  <path d="M41.5 53L52.5 44L60 48.5L68 42.5L78.5 53Z" fill="url(#mountainGrad)" />
+  <circle cx="67.5" cy="45.5" r="3.1" fill="#F8FAFC" fill-opacity="0.86" />
+
+  <rect x="40" y="68" width="22" height="4.5" rx="2.25" fill="#E2E8F0" fill-opacity="0.9" />
+  <rect x="40" y="76" width="14" height="3.5" rx="1.75" fill="#94A3B8" fill-opacity="0.84" />
+
+  <circle cx="73.5" cy="74.5" r="6.5" fill="url(#accentGrad)" />
+</svg>