From 142544c9af332d317ac12211cef8d7987bfb8b05 Mon Sep 17 00:00:00 2001
From: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
Date: Sat, 11 Jul 2026 12:40:55 +0100
Subject: [PATCH] Replace portal sidebar brand text with Stirling Processor
wordmark (#6978)
---
.../StirlingProcessorLogoBlackText.svg | 1 +
.../StirlingProcessorLogoWhiteText.svg | 1 +
.../editor/src/portal/components/Sidebar.css | 19 ++++---------------
.../editor/src/portal/components/Sidebar.tsx | 19 +++++++------------
4 files changed, 13 insertions(+), 27 deletions(-)
create mode 100644 frontend/editor/src/core/assets/brand/modern-logo/StirlingProcessorLogoBlackText.svg
create mode 100644 frontend/editor/src/core/assets/brand/modern-logo/StirlingProcessorLogoWhiteText.svg
diff --git a/frontend/editor/src/core/assets/brand/modern-logo/StirlingProcessorLogoBlackText.svg b/frontend/editor/src/core/assets/brand/modern-logo/StirlingProcessorLogoBlackText.svg
new file mode 100644
index 0000000000..908a59c3a7
--- /dev/null
+++ b/frontend/editor/src/core/assets/brand/modern-logo/StirlingProcessorLogoBlackText.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/editor/src/core/assets/brand/modern-logo/StirlingProcessorLogoWhiteText.svg b/frontend/editor/src/core/assets/brand/modern-logo/StirlingProcessorLogoWhiteText.svg
new file mode 100644
index 0000000000..77b6475ebf
--- /dev/null
+++ b/frontend/editor/src/core/assets/brand/modern-logo/StirlingProcessorLogoWhiteText.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/editor/src/portal/components/Sidebar.css b/frontend/editor/src/portal/components/Sidebar.css
index 256b0708dd..98a9b63ec3 100644
--- a/frontend/editor/src/portal/components/Sidebar.css
+++ b/frontend/editor/src/portal/components/Sidebar.css
@@ -20,24 +20,13 @@
border-bottom: 1px solid var(--color-sidebar-divider);
}
-/* Stirling brand mark (theme-switched in Sidebar.tsx) + product wordmark */
-.portal-sidebar__brand {
- display: inline-flex;
- align-items: center;
- gap: 0.4rem;
-}
-.portal-sidebar__brand-mark {
+/* Stirling Processor wordmark (theme-switched in Sidebar.tsx); matches the
+ editor's 22px wordmark so the two apps read as one brand. */
+.portal-sidebar__wordmark {
height: 1.375rem;
width: auto;
display: block;
-}
-.portal-sidebar__logo-suffix {
- font-family: var(--font-brand);
- font-size: 1.0625rem;
- font-weight: 700;
- color: var(--color-text-1);
- letter-spacing: 0.01em;
- white-space: nowrap;
+ flex-shrink: 0;
}
/* App switcher (down-arrow → Portal / Editor); button and menu styling live
diff --git a/frontend/editor/src/portal/components/Sidebar.tsx b/frontend/editor/src/portal/components/Sidebar.tsx
index 356acc5349..6e21d8b8d2 100644
--- a/frontend/editor/src/portal/components/Sidebar.tsx
+++ b/frontend/editor/src/portal/components/Sidebar.tsx
@@ -7,8 +7,8 @@ import { useTheme } from "@portal/contexts/ThemeContext";
import { useUI } from "@portal/contexts/UIContext";
import { LinkAccountFooterItem } from "@portal/components/LinkAccountFooterItem";
import { EDITOR_URL, EDITOR_IS_SAME_APP } from "@portal/auth/editorUrl";
-import markLight from "@app/assets/brand/modern-logo/StirlingPDFLogoNoTextLight.svg";
-import markDark from "@app/assets/brand/modern-logo/StirlingPDFLogoNoTextDark.svg";
+import wordmarkLight from "@app/assets/brand/modern-logo/StirlingProcessorLogoBlackText.svg";
+import wordmarkDark from "@app/assets/brand/modern-logo/StirlingProcessorLogoWhiteText.svg";
import { SettingsIcon } from "@portal/components/icons";
import {
GROUP_PRIMARY,
@@ -61,16 +61,11 @@ export function Sidebar() {
aria-label={t("portal.shell.sidebar.primaryNav")}
>
-
- 
-
- {t("portal.shell.sidebar.brandSuffix")}
-
-
+