From cf8c7bf1fd25d2a32063a26a537ccd16256e1a01 Mon Sep 17 00:00:00 2001
From: flemming-it <sf@flemming.it>
Date: Thu, 18 Jun 2026 15:38:23 +0200
Subject: [PATCH] =?UTF-8?q?feat(brand):=20add=20Recl=E2=88=86Im=20lockup?=
 =?UTF-8?q?=20+=20mark=20as=20standalone=20SVG=20assets?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two scalable artefacts under assets/branding/ so the brand can
travel outside the Flutter app — favicon source, slide footers,
press kit, GitHub social-preview, README hero. Both files use
prefers-color-scheme so a single asset inverts cleanly on
ink/paper backdrops, with the petrol signal (#2E8F9E) staying
constant on the ∆-eye and the ∆I letters in the wordmark.

  reclaim-lockup.svg — 720×200 viewBox, mark on the left, the
                       wordmark 'Recl∆Im' on the right, ∆I in
                       petrol. The single artefact a stage or
                       browser tab wants to show.

  reclaim-mark.svg   — 160×160 viewBox, just the triangle and
                       the eye. Favicon source, social cards,
                       any tight-box context.

Signed-off-by: flemming-it <sf@flemming.it>
---
 assets/branding/reclaim-lockup.svg | 63 ++++++++++++++++++++++++++++++
 assets/branding/reclaim-mark.svg   | 28 +++++++++++++
 2 files changed, 91 insertions(+)
 create mode 100644 assets/branding/reclaim-lockup.svg
 create mode 100644 assets/branding/reclaim-mark.svg

diff --git a/assets/branding/reclaim-lockup.svg b/assets/branding/reclaim-lockup.svg
new file mode 100644
index 0000000..3cc1d1f
--- /dev/null
+++ b/assets/branding/reclaim-lockup.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Recl∆Im — primary brand lockup
+  Mark (the ∆ triangle with petrol eye) + wordmark on a single row.
+  Single-colour palette so it inverts cleanly on dark/light ink/paper
+  backdrops. ASCII spelling: reclaim.
+
+  Geometry mirrors fai_web's Logo.astro: the eye sits at the geometric
+  centroid of the triangle (a third up from the base). Stroke widths
+  are tuned for legibility down to 24 px tall.
+
+  Author: Dr. Stefan Flemming, F∆I (Flemming.AI). Apache-2.0.
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 720 200"
+     role="img"
+     aria-label="Recl∆Im">
+  <defs>
+    <style>
+      :root { color-scheme: light dark; }
+      .ink     { fill: #08090A; }
+      .paper   { fill: #F4F3EF; }
+      .signal  { fill: #2E8F9E; }
+      .stroke-ink     { stroke: #08090A; }
+      .stroke-paper   { stroke: #F4F3EF; }
+      @media (prefers-color-scheme: dark) {
+        .auto-ink    { fill: #F4F3EF; }
+        .auto-stroke { stroke: #F4F3EF; }
+      }
+      @media (prefers-color-scheme: light) {
+        .auto-ink    { fill: #08090A; }
+        .auto-stroke { stroke: #08090A; }
+      }
+    </style>
+  </defs>
+
+  <!--
+    Mark: 160 x 160 box at left, triangle inset by 12 px.
+    Stroke 6 px, no fill, petrol eye at (80, 110) radius 10.
+  -->
+  <g transform="translate(20,20)">
+    <polygon class="auto-stroke"
+             points="80,12 148,148 12,148"
+             fill="none"
+             stroke-width="6"
+             stroke-linejoin="miter" />
+    <circle class="signal" cx="80" cy="110" r="10" />
+  </g>
+
+  <!--
+    Wordmark "Recl∆Im" starting at x=210. Hand-fitted glyph
+    positions so the ∆ matches the mark's stroke weight and the I
+    above the ∆ becomes the dot/eye of "i". Petrol on the ∆I block.
+  -->
+  <g font-family="'Space Grotesk', 'Inter', system-ui, sans-serif"
+     font-weight="600"
+     font-size="120"
+     letter-spacing="-4">
+    <text x="210" y="138" class="auto-ink">Recl</text>
+    <text x="430" y="138" class="signal">∆I</text>
+    <text x="546" y="138" class="auto-ink">m</text>
+  </g>
+</svg>
diff --git a/assets/branding/reclaim-mark.svg b/assets/branding/reclaim-mark.svg
new file mode 100644
index 0000000..4b8bc57
--- /dev/null
+++ b/assets/branding/reclaim-mark.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Recl∆Im — standalone mark (just the ∆ + eye).
+  Use as favicon source, social-share preview, and any context where
+  the wordmark would be too wide.
+-->
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 160 160"
+     role="img"
+     aria-label="Recl∆Im — Mark">
+  <defs>
+    <style>
+      .signal { fill: #2E8F9E; }
+      @media (prefers-color-scheme: dark) {
+        .auto-stroke { stroke: #F4F3EF; }
+      }
+      @media (prefers-color-scheme: light) {
+        .auto-stroke { stroke: #08090A; }
+      }
+    </style>
+  </defs>
+  <polygon class="auto-stroke"
+           points="80,12 148,148 12,148"
+           fill="none"
+           stroke-width="6"
+           stroke-linejoin="miter" />
+  <circle class="signal" cx="80" cy="110" r="10" />
+</svg>