From aa5ab4b653b804ceeaf621f0ef7c6a25b3bbd865 Mon Sep 17 00:00:00 2001
From: Paul Huliganga <paje0101@gmail.com>
Date: Tue, 21 Apr 2026 10:14:59 -0400
Subject: [PATCH] fix(ui-mockup): replace approximated logo with official
 Docusign SVG

Embedded the official Docusign full-color vector logo sourced from
Wikimedia Commons (Docusign_Full_Color.svg, viewBox 0 0 1200 241.4).
Wordmark paths changed to fill="#FFFFFF" for visibility on the Inkwell
(#130032) nav bar; Nexus icon retains brand colors (Cobalt #4C00FF,
Poppy #FF5252, white document shape). Brand name corrected to "docusign"
(capital D, lowercase s per 2024 rebrand).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 docs/ui-mockup/mockup.html | 50 +++++++++++++++++++++-----------------
 1 file changed, 28 insertions(+), 22 deletions(-)

diff --git a/docs/ui-mockup/mockup.html b/docs/ui-mockup/mockup.html
index ea1dee2..48ed5dd 100644
--- a/docs/ui-mockup/mockup.html
+++ b/docs/ui-mockup/mockup.html
@@ -310,29 +310,35 @@
 <!-- ─────────────── LEFT NAV ─────────────── -->
 <nav class="nav">
   <div class="nav-logo">
-    <!-- Docusign 2024 logo: Nexus icon + lowercase wordmark -->
+    <!-- Official Docusign logo SVG (Wikimedia Commons: Docusign_Full_Color.svg)
+         Colours: Cobalt #4C00FF (icon square), Poppy #FF5252 (icon corner), black wordmark.
+         Rendered white by CSS filter on dark nav background. -->
     <div class="ds-wordmark">
-      <svg width="158" height="32" viewBox="0 0 158 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <!--
-          Nexus icon: two shapes converging to form "the shape of an agreement" (inkwell).
-          Left shape = deep violet teardrop; right shape = cobalt teardrop; overlap = mist.
-        -->
-        <!-- Left lobe (Deep Violet) -->
-        <path d="M8 26 C8 26 4 22 4 16 C4 10 8 6 14 6 C17 6 19.5 7.5 21 10 L14 16 Z"
-              fill="#CBC2FF" opacity="0.85"/>
-        <!-- Right lobe (Cobalt) -->
-        <path d="M20 6 C26 6 30 10 30 16 C30 22 26 26 20 26 C17 26 14.5 24.5 13 22 L20 16 Z"
-              fill="#4C00FF"/>
-        <!-- Centre convergence point (Inkwell/white) — the "agreement" -->
-        <circle cx="17" cy="16" r="3.5" fill="#FFFFFF" opacity="0.95"/>
-
-        <!-- Wordmark: "docusign" all lowercase per 2024 brand guidelines -->
-        <text x="38" y="22"
-              font-family="-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif"
-              font-size="15.5"
-              font-weight="700"
-              fill="#FFFFFF"
-              letter-spacing="-0.3">docusign</text>
+      <svg viewBox="0 0 1200 241.4" xmlns="http://www.w3.org/2000/svg"
+           style="width:148px;height:auto;display:block;">
+        <style>.st0{fill:#4C00FF;}.st1{fill:#FF5252;}</style>
+        <!-- Wordmark (rendered white via CSS) -->
+        <g fill="#FFFFFF">
+          <g>
+            <path d="M1169.2,109.7v78.7h-28.9v-73.5c0-17.9-7.7-27.9-22.7-27.9s-24.9,10.5-27.7,28.1c-0.8,4.2-1,10.7-1,24.4v48.8H1060v-125h25.6c0.1,1.1,0.7,12.3,0.7,13c0,0.9,1.1,1.4,1.8,0.8c10.6-8.4,22.3-16.2,38.6-16.2C1153.5,60.9,1169.2,79,1169.2,109.7z"/>
+            <path d="M1013.4,63.4l-0.9,14.3c-0.1,0.9-1.2,1.4-1.8,0.8c-3.5-3.3-16.4-17.5-38.3-17.5c-31.4,0-54.5,27.1-54.5,63.9l0,0c0,37.3,22.9,64.5,54.5,64.5c21.1,0,34-13.7,36.4-16.7c0.7-0.8,2-0.3,2,0.7c-0.3,3.8-0.8,13.3-4,21.4c-4,10.2-13,19.7-31.1,19.7c-14.9,0-28.1-5.7-40.6-17.9L920,217.3c13.7,15.5,35.3,24.2,58.8,24.2c37.8,0,60.5-25.9,60.5-68.2V63.4H1013.4z M978.6,163.2c-18.7,0-31.9-16.2-31.9-38.3S959.9,87,978.6,87c18.7,0,31.9,15.7,31.9,37.9C1010.4,147.1,997.2,163.2,978.6,163.2z"/>
+            <path d="M857.5,151.3c0,23.7-19.9,39.6-49.1,39.6c-22.9,0-43.3-8.9-55.5-21.6l0,0l0,0l9.5-22.6c9.2,8.3,24,20.2,45.1,20.2c14.7,0,23.2-6.5,23.2-14.7c0-9.5-11.7-12-25.7-14.7c-19.9-4.2-46.3-11-46.3-38.1c0-22.7,18.4-38.3,45.6-38.3c20.9,0,38.9,8,51.3,18.4l-14.2,19.9c-12-9.5-24.6-14.2-37.1-14.2s-18.7,5.2-18.7,12.7c0,10.5,13.5,13.2,23.4,15.2C833.9,117.9,857.5,125.4,857.5,151.3z"/>
+            <path d="M434.9,60.9c-35.3,0-60.7,27.4-60.7,65s25.4,65,60.7,65s60.8-27.4,60.8-65S470.3,60.9,434.9,60.9z M434.9,164.7c-18.7,0-31.9-15.9-31.9-38.9c0-22.9,12.9-38.9,31.9-38.9c18.9,0,31.9,15.9,31.9,38.9S453.6,164.7,434.9,164.7z"/>
+            <path d="M505.9,125.9c0-37.1,25.4-65,59.3-65c26.9,0,46.6,13.5,55.8,38.9l-25.6,9.7c-7-15.7-16.2-22.4-30.1-22.4c-17.4,0-30.4,16.4-30.4,38.9c0,22.4,12.9,38.9,30.4,38.9c14,0,23.1-6.7,30.1-22.4l25.6,9.7c-9.2,25.4-28.9,38.9-55.8,38.9C531.3,190.9,505.9,163,505.9,125.9z"/>
+            <path d="M351.4,5.3c-0.5,0-1.1,0.1-1.6,0.4l-18.8,10c-0.4,0.2-0.6,0.6-0.6,1v59.5c0,1-1.2,1.4-1.9,0.8c-2.8-2.4-9.3-8.5-18.3-12.7c-4.7-2.2-11.6-3.4-17.9-3.4c-31.6,0-54.5,27.4-54.5,65s22.9,65,54.5,65c16.6,0,29.1-8.7,36.7-16.5c0.5-0.5,0.8-0.8,1.3-1.3c0.7-0.7,1.9-0.3,1.9,0.7l1,14.6h26.1V6.1c0-0.4-0.3-0.8-0.8-0.8C358.5,5.3,351.4,5.3,351.4,5.3z M298.5,164.7c-18.9,0-31.9-15.9-31.9-38.9S279.9,87,298.5,87c18.7,0,31.9,15.9,31.9,38.9C330.4,148.8,317.5,164.7,298.5,164.7z"/>
+            <path d="M891.5,63.8l-18.1,9.6c-0.4,0.2-0.6,0.6-0.6,1v114h28.9V64.1c0-0.4-0.3-0.8-0.8-0.8h-7.8C892.5,63.4,892,63.5,891.5,63.8z"/>
+            <path d="M887.2,43.1c9.6,0,17.4-7.8,17.4-17.4s-7.8-17.4-17.4-17.4c-9.6,0-17.4,7.8-17.4,17.4S877.6,43.1,887.2,43.1z"/>
+            <path d="M742.5,63.3v67.9c0,51.5-28.8,59.6-54.5,59.6s-54.5-8.2-54.5-59.6V63.3h28.8v75.1c0,7.3,1.8,26.3,25.7,26.3s25.7-18.9,25.7-26.3V63.3H742.5z"/>
+          </g>
+          <!-- TM mark -->
+          <g fill="#FFFFFF">
+            <path d="M1185.7,175.6v1.8h-4.1v10.9h-2v-10.9h-4.1v-1.8H1185.7z M1200,188.3h-2v-10l-3.9,7.5h-1.1l-3.9-7.4v9.9h-2v-12.7h2.6l3.8,7.3l3.8-7.3h2.6L1200,188.3z"/>
+          </g>
+        </g>
+        <!-- Nexus icon — keep original brand colours (Cobalt + Poppy + black) -->
+        <path class="st0" d="M139.5,139.5V189c0,2.6-2.1,4.7-4.7,4.7H4.7c-2.6,0-4.7-2.1-4.7-4.7V59c0-2.6,2.1-4.7,4.7-4.7h49.4v80.5c0,2.6,2.1,4.7,4.7,4.7H139.5z"/>
+        <path class="st1" d="M193.7,69.7c0,41.6-24.3,69.7-54.2,69.8V87.1c0-1.5-0.6-3-1.7-4l-27.2-27.2c-1.1-1.1-2.5-1.7-4-1.7H54.2V4.8c0-2.6,2.1-4.7,4.7-4.7h73.3C167,0,193.7,28,193.7,69.7z"/>
+        <path fill="#FFFFFF" d="M137.8,83c1.1,1.1,1.7,2.5,1.7,4v52.4H58.9c-2.6,0-4.7-2.1-4.7-4.7V54.2h52.4c1.5,0,3,0.6,4,1.7L137.8,83z"/>
       </svg>
     </div>
     <div class="logo-sub">Template Migration Console</div>