From af7c61c20310b5fcadbe1c58744a7647e2f96ea3 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Fri, 24 Apr 2026 23:54:14 +0200
Subject: [PATCH] feat(brand): redesign OG image around new thesis
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1200x630, solid #060a13 ground, amber topographic lines, circle-C mark,
headline 'Run Apache Camel without running Apache Camel.' plus short
subhead. The full camel-compass product logo is not embedded — raster
inside SVG at OG size would bloat the asset. Circle-C wordmark reads
cleanly at the 600x315 thumbnail render.
---
 public/og-image.svg | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/public/og-image.svg b/public/og-image.svg
index 7421288..a0e4359 100644
--- a/public/og-image.svg
+++ b/public/og-image.svg
@@ -1,13 +1,20 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" width="1200" height="630">
   <rect width="1200" height="630" fill="#060a13"/>
-  <g fill="none" stroke="#f0b429" stroke-width="1" opacity="0.2">
-    <path d="M0,120 Q300,60 600,150 T1200,120"/>
-    <path d="M0,240 Q300,180 600,270 T1200,240"/>
-    <path d="M0,360 Q300,300 600,390 T1200,360"/>
-    <path d="M0,480 Q300,420 600,510 T1200,480"/>
+  <!-- Subtle topographic lines -->
+  <g fill="none" stroke="#f0b429" stroke-width="1.2" stroke-linecap="round" opacity="0.10">
+    <path d="M0 140 Q200 80 400 160 T800 140 T1200 160"/>
+    <path d="M0 250 Q200 190 400 270 T800 250 T1200 270"/>
+    <path d="M0 360 Q200 300 400 380 T800 360 T1200 380"/>
+    <path d="M0 470 Q200 410 400 490 T800 470 T1200 490"/>
   </g>
-  <text x="80" y="260" fill="#f0b429" font-family="'DM Sans', sans-serif" font-size="22" letter-spacing="6">OBSERVABILITY · APACHE CAMEL</text>
-  <text x="80" y="360" fill="#e8eaed" font-family="'DM Sans', sans-serif" font-size="72" font-weight="700">See every route.</text>
-  <text x="80" y="440" fill="#e8eaed" font-family="'DM Sans', sans-serif" font-size="72" font-weight="700">Reach into every flow.</text>
-  <text x="80" y="540" fill="#9aa3b2" font-family="'JetBrains Mono', monospace" font-size="26">cameleer.io</text>
+  <!-- Product mark (fallback: amber circle w/ wordmark — real PNG logo embedded would exceed OG size budget) -->
+  <g transform="translate(90, 110)">
+    <circle cx="60" cy="60" r="58" fill="none" stroke="#f0b429" stroke-width="2"/>
+    <text x="60" y="74" text-anchor="middle" font-family="DM Sans, system-ui, sans-serif" font-size="40" font-weight="700" fill="#f0b429">C</text>
+  </g>
+  <text x="220" y="190" font-family="DM Sans, system-ui, sans-serif" font-size="28" font-weight="600" fill="#f0b429" letter-spacing="3">CAMELEER</text>
+  <text x="90" y="340" font-family="DM Sans, system-ui, sans-serif" font-size="64" font-weight="700" fill="#f4f5f7">Run Apache Camel</text>
+  <text x="90" y="420" font-family="DM Sans, system-ui, sans-serif" font-size="64" font-weight="700" fill="#f4f5f7">without running Apache Camel.</text>
+  <text x="90" y="500" font-family="DM Sans, system-ui, sans-serif" font-size="28" font-weight="400" fill="#a0a8b8">The hosted home for your Camel integrations.</text>
+  <text x="90" y="540" font-family="DM Sans, system-ui, sans-serif" font-size="28" font-weight="400" fill="#a0a8b8">Deep tracing, replay, and live control — built in.</text>
 </svg>