From a6712c62cef198f58f637bc86f7978deff207c1e Mon Sep 17 00:00:00 2001
From: Arash Sabet <arash.sabet@umplify.com>
Date: Thu, 16 Apr 2026 21:51:54 -0400
Subject: [PATCH 1/2] Add Umplify logo SVG assets

Add four brand SVG files: horizontal wordmark (dark and light variants), standalone mark (app icon), and stacked/centered wordmark. These scalable assets provide the 'Activated I' wordmark and mark with appropriate colors, sizes, and alignment for use across the app and marketing materials.
---
 .../logos/umplify-logo-horizontal-dark.svg    | 14 ++++++++++++++
 .../logos/umplify-logo-horizontal-light.svg   | 15 +++++++++++++++
 assets/images/logos/umplify-logo-mark.svg     | 19 +++++++++++++++++++
 assets/images/logos/umplify-logo-stacked.svg  | 16 ++++++++++++++++
 4 files changed, 64 insertions(+)
 create mode 100644 assets/images/logos/umplify-logo-horizontal-dark.svg
 create mode 100644 assets/images/logos/umplify-logo-horizontal-light.svg
 create mode 100644 assets/images/logos/umplify-logo-mark.svg
 create mode 100644 assets/images/logos/umplify-logo-stacked.svg

diff --git a/assets/images/logos/umplify-logo-horizontal-dark.svg b/assets/images/logos/umplify-logo-horizontal-dark.svg
new file mode 100644
index 0000000..7390732
--- /dev/null
+++ b/assets/images/logos/umplify-logo-horizontal-dark.svg
@@ -0,0 +1,14 @@
+<svg width="340" height="64" viewBox="0 0 340 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!--
+    Umplify — Activated I Wordmark (Horizontal, Dark Backgrounds)
+    Same geometry as light variant, colours inverted.
+  -->
+
+  <text y="52"
+        font-family="'Segoe UI','Helvetica Neue',Arial,sans-serif"
+        font-size="36" font-weight="600" letter-spacing="-0.5">
+    <tspan x="16" fill="#ffffff">umpl</tspan><tspan fill="#3B82F6">i</tspan><tspan fill="#ffffff">fy</tspan>
+  </text>
+
+  <circle cx="107" cy="22" r="5.5" fill="#3B82F6"/>
+</svg>
diff --git a/assets/images/logos/umplify-logo-horizontal-light.svg b/assets/images/logos/umplify-logo-horizontal-light.svg
new file mode 100644
index 0000000..4243171
--- /dev/null
+++ b/assets/images/logos/umplify-logo-horizontal-light.svg
@@ -0,0 +1,15 @@
+<svg width="340" height="64" viewBox="0 0 340 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!--
+    Umplify — Activated I Wordmark (Horizontal, Light/White Backgrounds)
+    font: Segoe UI 600, size 36, letter-spacing -0.5 | baseline y=52
+    "umpl" ≈ 86px → "i" centre ≈ x=107 | activation node cy=22
+  -->
+
+  <text y="52"
+        font-family="'Segoe UI','Helvetica Neue',Arial,sans-serif"
+        font-size="36" font-weight="600" letter-spacing="-0.5">
+    <tspan x="16" fill="#060A14">umpl</tspan><tspan fill="#2563EB">i</tspan><tspan fill="#060A14">fy</tspan>
+  </text>
+
+  <circle cx="107" cy="22" r="5.5" fill="#2563EB"/>
+</svg>
diff --git a/assets/images/logos/umplify-logo-mark.svg b/assets/images/logos/umplify-logo-mark.svg
new file mode 100644
index 0000000..2b22b09
--- /dev/null
+++ b/assets/images/logos/umplify-logo-mark.svg
@@ -0,0 +1,19 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!--
+    Umplify — App Icon / Standalone Mark
+    The "Activated I" distilled to its essence:
+      a white vertical stem (the i) + an electric blue circle above (the node).
+    Works at 16×16 through 512×512.
+    Background: #060A14 with rounded corners (rx=12 for app-icon use).
+  -->
+
+  <!-- Background -->
+  <rect width="64" height="64" rx="12" fill="#060A14"/>
+
+  <!-- Activation node — blue circle (the dot, activated) -->
+  <circle cx="32" cy="19" r="7" fill="#2563EB"/>
+
+  <!-- I-stem — white vertical stroke -->
+  <line x1="32" y1="29" x2="32" y2="50"
+        stroke="#ffffff" stroke-width="5.5" stroke-linecap="round"/>
+</svg>
diff --git a/assets/images/logos/umplify-logo-stacked.svg b/assets/images/logos/umplify-logo-stacked.svg
new file mode 100644
index 0000000..9201772
--- /dev/null
+++ b/assets/images/logos/umplify-logo-stacked.svg
@@ -0,0 +1,16 @@
+<svg width="220" height="64" viewBox="0 0 220 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <!--
+    Umplify — Activated I Wordmark (Stacked / Centred)
+    font: Segoe UI 600, size 28, letter-spacing -0.5 | baseline y=50
+    text-anchor middle at x=110
+    "umpl" ≈ 66px → "i" centre ≈ x=130 | activation node cy=22
+  -->
+
+  <text text-anchor="middle" x="110" y="50"
+        font-family="'Segoe UI','Helvetica Neue',Arial,sans-serif"
+        font-size="28" font-weight="600" letter-spacing="-0.5">
+    <tspan fill="#060A14">umpl</tspan><tspan fill="#2563EB">i</tspan><tspan fill="#060A14">fy</tspan>
+  </text>
+
+  <circle cx="130" cy="22" r="4.5" fill="#2563EB"/>
+</svg>

From 99fad02f6836482a30ebd922043a837701ac4999 Mon Sep 17 00:00:00 2001
From: Arash Sabet <arash.sabet@umplify.com>
Date: Thu, 16 Apr 2026 21:54:47 -0400
Subject: [PATCH 2/2] Add masthead logo support with title fallback

Introduce a site logo setting and update masthead markup to prefer an image logo when available, falling back to the masthead title link when not. _config.yml adds a logo path and clears masthead_title; _includes/masthead.html now renders an <img> with site.title as alt when a logo exists and otherwise renders the existing title/subtitle link (also removed the duplicated title block). This improves branding and accessibility by using the configured logo and sensible alt text.
---
 _config.yml             |  3 ++-
 _includes/masthead.html | 11 ++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/_config.yml b/_config.yml
index 15679ab..a5468d6 100644
--- a/_config.yml
+++ b/_config.yml
@@ -21,7 +21,8 @@ baseurl                  :
 repository               : "Umplify/umplify"
 teaser                   : "/assets/images/revamp/hero-ai.svg"
 
-masthead_title           : Umplify
+logo                     : "/assets/images/logos/umplify-logo-horizontal-light.svg"
+masthead_title           : " "
 breadcrumbs              : true
 words_per_minute         : 200
 comments:
diff --git a/_includes/masthead.html b/_includes/masthead.html
index 0c66aa6..eb93447 100644
--- a/_includes/masthead.html
+++ b/_includes/masthead.html
@@ -5,12 +5,13 @@
     <div class="masthead__menu">
       <nav id="site-nav" class="greedy-nav">
         {% unless logo_path == empty %}
-          <a class="site-logo" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt="{{ site.masthead_title | default: site.title }}"></a>
+          <a class="site-logo" href="{{ '/' | relative_url }}"><img src="{{ logo_path | relative_url }}" alt="{{ site.title }}"></a>
+        {% else %}
+          <a class="site-title" href="{{ '/' | relative_url }}">
+            {{ site.masthead_title | default: site.title }}
+            {% if site.subtitle %}<span class="site-subtitle">{{ site.subtitle }}</span>{% endif %}
+          </a>
         {% endunless %}
-        <a class="site-title" href="{{ '/' | relative_url }}">
-          {{ site.masthead_title | default: site.title }}
-          {% if site.subtitle %}<span class="site-subtitle">{{ site.subtitle }}</span>{% endif %}
-        </a>
         <ul class="visible-links">
           {%- for link in site.data.navigation.main -%}
             <li class="masthead__menu-item">