diff --git a/public/logos/zen-alpha-black.png b/public/logos/zen-alpha-black.png
new file mode 100644
index 0000000..e18897e
Binary files /dev/null and b/public/logos/zen-alpha-black.png differ
diff --git a/public/logos/zen-alpha-blue.png b/public/logos/zen-alpha-blue.png
new file mode 100644
index 0000000..2ac25ac
Binary files /dev/null and b/public/logos/zen-alpha-blue.png differ
diff --git a/public/logos/zen-alpha-brown.png b/public/logos/zen-alpha-brown.png
new file mode 100644
index 0000000..ede63c5
Binary files /dev/null and b/public/logos/zen-alpha-brown.png differ
diff --git a/public/logos/zen-alpha-buff.png b/public/logos/zen-alpha-buff.png
new file mode 100644
index 0000000..a54e888
Binary files /dev/null and b/public/logos/zen-alpha-buff.png differ
diff --git a/public/logos/zen-alpha-indigo.png b/public/logos/zen-alpha-indigo.png
new file mode 100644
index 0000000..cb5dd39
Binary files /dev/null and b/public/logos/zen-alpha-indigo.png differ
diff --git a/public/logos/zen-alpha-mantis.png b/public/logos/zen-alpha-mantis.png
new file mode 100644
index 0000000..9429d19
Binary files /dev/null and b/public/logos/zen-alpha-mantis.png differ
diff --git a/public/logos/zen-alpha-orchid.png b/public/logos/zen-alpha-orchid.png
new file mode 100644
index 0000000..12a1fb7
Binary files /dev/null and b/public/logos/zen-alpha-orchid.png differ
diff --git a/public/logos/zen-alpha-pink.png b/public/logos/zen-alpha-pink.png
new file mode 100644
index 0000000..da38309
Binary files /dev/null and b/public/logos/zen-alpha-pink.png differ
diff --git a/public/logos/zen-alpha-tangerine.png b/public/logos/zen-alpha-tangerine.png
new file mode 100644
index 0000000..3ddef75
Binary files /dev/null and b/public/logos/zen-alpha-tangerine.png differ
diff --git a/public/logos/zen-alpha-turquise.png b/public/logos/zen-alpha-turquise.png
new file mode 100644
index 0000000..4cceb1b
Binary files /dev/null and b/public/logos/zen-alpha-turquise.png differ
diff --git a/public/logos/zen-alpha-white.png b/public/logos/zen-alpha-white.png
new file mode 100644
index 0000000..ad092aa
Binary files /dev/null and b/public/logos/zen-alpha-white.png differ
diff --git a/public/logos/zen-alpha-yellow.png b/public/logos/zen-alpha-yellow.png
new file mode 100644
index 0000000..9885f0c
Binary files /dev/null and b/public/logos/zen-alpha-yellow.png differ
diff --git a/src/components/branding-assets.tsx b/src/components/branding-assets.tsx
index e091332..9480164 100644
--- a/src/components/branding-assets.tsx
+++ b/src/components/branding-assets.tsx
@@ -7,22 +7,49 @@ export function BrandingAssets() {
         <h1 className="text-4xl lg:text-7xl font-bold">Branding Assets</h1>
         <p className="text-muted-foreground mt-2">Download Zen Browser branding assets for your website or project.</p>
       </div>
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full">
-        {LOGO_COLORS.map((color) => (
-          <div key={color} className="flex flex-col items-center">
-            <img src={`/logos/zen-${color}.png`} alt={`Zen Browser ${color} logo`} className="w-40 h-40 mt-4" />
-            <div className="flex items-center my-2">
-              <p className="text-lg">{color} - </p>
-              <a
-                href={`/logos/zen-${color}.png`}
-                download={`zen-${color}.png`}
-                className="text-blue-500 text-md ml-2"
-              >
-                Download
-              </a>
+      <div className="flex w-full lg:w-2/3 flex-col mt-10">
+        <h2 className="text-2xl font-bold mt-10">Logos</h2>
+        <p className="text-muted-foreground mt-2">
+          Download the Zen Browser logo in different colors.
+        </p>
+        <div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full">
+          {LOGO_COLORS.map((color) => (
+            <div key={color} className="flex flex-col items-center">
+              <img src={`/logos/zen-${color}.png`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
+              <div className="flex items-center my-2">
+                <a
+                  href={`/logos/zen-${color}.png`}
+                  download={`zen-${color}.png`}
+                  className="text-blue-500 text-md ml-2"
+                >
+                  {color}
+                </a>
+              </div>
             </div>
-          </div>
-        ))}
+          ))}
+        </div>
+      </div>
+      <div className="flex w-full lg:w-2/3 flex-col mt-10">
+        <h2 className="text-2xl font-bold mt-10">Empty Logos</h2>
+        <p className="text-muted-foreground mt-2">
+          Download the Zen Browser logo in different colors without a filled Zen letter.
+        </p>
+        <div className="grid grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 mt-10 w-full">
+          {LOGO_COLORS.map((color) => (
+            <div key={color} className="flex flex-col items-center">
+              <img src={`/logos/zen-alpha-${color}.png`} alt={`Zen Browser ${color} logo`} className="w-24 h-24 mt-4" />
+              <div className="flex items-center my-2">
+                <a
+                  href={`/logos/zen-alpha-${color}.png`}
+                  download={`zen-alpha-${color}.png`}
+                  className="text-blue-500 text-md ml-2"
+                >
+                  {color}
+                </a>
+              </div>
+            </div>
+          ))}
+        </div>
       </div>
       <div className="mt-10">
         <h2 className="text-2xl font-bold">License</h2>
@@ -38,6 +65,9 @@ export function BrandingAssets() {
           </a>
           . Thanks to <a href="https://www.onnno.nl/" className="text-blue-500">Donno (mr. Logos)</a> for the assets.
           <br />
+          These logos however shall not be modified in a way that suggests the licensor endorses you or your use.
+          <br />
+          <br />
           You are free to share and adapt the assets for any purpose, even commercially.
         </p>
       </div>