From fa1c2917839140fb60e7f2b1a7596b4bf6e52ae1 Mon Sep 17 00:00:00 2001
From: Oliver <oliver@derez.ai>
Date: Tue, 9 Jun 2026 04:23:34 -0300
Subject: [PATCH] new logo SVGs (color + black) replacing inline icon+text in
 header

---
 assets/images/logo.svg   | 26 ++++++++++++++++++++++++++
 assets/images/logo_b.svg | 19 +++++++++++++++++++
 index.html               | 29 ++++-------------------------
 3 files changed, 49 insertions(+), 25 deletions(-)
 create mode 100644 assets/images/logo.svg
 create mode 100644 assets/images/logo_b.svg

diff --git a/assets/images/logo.svg b/assets/images/logo.svg
new file mode 100644
index 0000000..413fc9e
--- /dev/null
+++ b/assets/images/logo.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="132" height="34" viewBox="0 0 132 34">
+  <defs>
+    <linearGradient id="box-bg" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#003545"/>
+      <stop offset="100%" stop-color="#00202e"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Icon body (rounded square) -->
+  <rect x="0" y="0" width="34" height="34" rx="10" fill="url(#box-bg)" stroke="#005570" stroke-width="1.2"/>
+
+  <!-- Terminal/monitor body -->
+  <rect x="6" y="11" width="22" height="15" rx="2.5" fill="none" stroke="#00f5ff" stroke-width="1.8"/>
+  <!-- Connection stalk -->
+  <path d="M17 11V7" stroke="#00f5ff" stroke-width="1.8" stroke-linecap="round"/>
+  <!-- Antenna dot -->
+  <circle cx="17" cy="5.5" r="1.5" fill="#00f5ff"/>
+  <!-- Indicator dots -->
+  <circle cx="10" cy="15.5" r="1" fill="#00f5ff"/>
+  <circle cx="14" cy="15.5" r="1" fill="#00f5ff"/>
+  <!-- Bottom bar -->
+  <path d="M10 20h14" stroke="#00f5ff" stroke-width="1.5" stroke-linecap="round"/>
+
+  <!-- Text -->
+  <text x="46" y="23" fill="#00f5ff" font-family="'Courier New', Courier, monospace" font-size="17" font-weight="700" letter-spacing="-0.5">derez.ai</text>
+</svg>
\ No newline at end of file
diff --git a/assets/images/logo_b.svg b/assets/images/logo_b.svg
new file mode 100644
index 0000000..5ee2765
--- /dev/null
+++ b/assets/images/logo_b.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="132" height="34" viewBox="0 0 132 34">
+  <!-- Icon body (rounded square) -->
+  <rect x="0" y="0" width="34" height="34" rx="10" fill="none" stroke="#000" stroke-width="1.2"/>
+
+  <!-- Terminal/monitor body -->
+  <rect x="6" y="11" width="22" height="15" rx="2.5" fill="none" stroke="#000" stroke-width="1.8"/>
+  <!-- Connection stalk -->
+  <path d="M17 11V7" stroke="#000" stroke-width="1.8" stroke-linecap="round"/>
+  <!-- Antenna dot -->
+  <circle cx="17" cy="5.5" r="1.5" fill="#000"/>
+  <!-- Indicator dots -->
+  <circle cx="10" cy="15.5" r="1" fill="#000"/>
+  <circle cx="14" cy="15.5" r="1" fill="#000"/>
+  <!-- Bottom bar -->
+  <path d="M10 20h14" stroke="#000" stroke-width="1.5" stroke-linecap="round"/>
+
+  <!-- Text -->
+  <text x="46" y="23" fill="#000" font-family="'Courier New', Courier, monospace" font-size="17" font-weight="700" letter-spacing="-0.5">derez.ai</text>
+</svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 4c3e05e..3fc9a02 100644
--- a/index.html
+++ b/index.html
@@ -246,25 +246,13 @@
         .site-logo {
             display: flex;
             align-items: center;
-            gap: 10px;
-            font-weight: 700;
-            font-size: 17px;
-            color: var(--accent);
-            text-decoration: none;
             flex-shrink: 0;
         }
         .site-logo:hover { text-decoration: none; }
-
-        .site-logo-icon {
-            display: inline-flex;
-            align-items: center;
-            justify-content: center;
-            width: 34px;
+        .site-logo-img {
+            display: block;
             height: 34px;
-            border-radius: 10px;
-            background: var(--accent-dim);
-            border: 1px solid rgba(0, 245, 255, 0.3);
-            color: var(--accent);
+            width: auto;
         }
 
         .nav-links {
@@ -1472,16 +1460,7 @@
     <header class="site-header" id="site-header">
         <div class="container">
             <a href="/" class="site-logo">
-                <span class="site-logo-icon">
-                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
-                        <rect x="3" y="8" width="18" height="13" rx="2"/>
-                        <path d="M9 12h.01M15 12h.01"/>
-                        <path d="M9 16h6"/>
-                        <path d="M12 8V5"/>
-                        <circle cx="12" cy="4" r="1.2" fill="currentColor" stroke="none"/>
-                    </svg>
-                </span>
-                derez.ai
+                <img src="assets/images/logo.svg" alt="Derez.ai" width="132" height="34" class="site-logo-img" />
             </a>
 
             <ul class="nav-links" id="nav-links">