diff --git a/frontend/src/core/components/shared/FileSidebar.css b/frontend/src/core/components/shared/FileSidebar.css
index 030065c5ca..76681c6353 100644
--- a/frontend/src/core/components/shared/FileSidebar.css
+++ b/frontend/src/core/components/shared/FileSidebar.css
@@ -50,12 +50,9 @@
 }
 
 .file-sidebar-brand-text {
-  font-family: "Alumni Sans", sans-serif;
-  font-weight: 700;
-  font-size: 18px;
-  letter-spacing: 0.3px;
-  color: var(--text-secondary);
-  white-space: nowrap;
+  height: 22px;
+  width: auto;
+  flex-shrink: 0;
 }
 
 /* ---- Search row ---- */
diff --git a/frontend/src/core/components/shared/FileSidebar.tsx b/frontend/src/core/components/shared/FileSidebar.tsx
index bcf4f9666e..6ddf6f49de 100644
--- a/frontend/src/core/components/shared/FileSidebar.tsx
+++ b/frontend/src/core/components/shared/FileSidebar.tsx
@@ -21,6 +21,7 @@ import { useFileHandler } from "@app/hooks/useFileHandler";
 import { useIndexedDB } from "@app/contexts/IndexedDBContext";
 import { accountService } from "@app/services/accountService";
 import { GoogleDriveIcon } from "@app/components/shared/CloudStorageIcons";
+import { Wordmark } from "@app/components/shared/Wordmark";
 import type { StirlingFileStub } from "@app/types/fileContext";
 import MenuIcon from "@mui/icons-material/Menu";
 import SearchIcon from "@mui/icons-material/Search";
@@ -334,9 +335,10 @@ const FileSidebar = forwardRef<HTMLDivElement, FileSidebarProps>(
           >
             <MenuIcon className="file-sidebar-menu-icon" />
             {!collapsed && (
-              <span className="file-sidebar-brand-text sidebar-content-fade">
-                Stirling PDF
-              </span>
+              <Wordmark
+                alt="Stirling PDF"
+                className="file-sidebar-brand-text sidebar-content-fade"
+              />
             )}
           </div>
 
diff --git a/frontend/src/core/components/shared/LandingPage.css b/frontend/src/core/components/shared/LandingPage.css
index e818217600..233b15cfee 100644
--- a/frontend/src/core/components/shared/LandingPage.css
+++ b/frontend/src/core/components/shared/LandingPage.css
@@ -5,14 +5,11 @@
 
 /* ── Hero text ───────────────────────────────────────────── */
 .landing-title {
-  margin: 0;
-  margin-top: 1.75rem;
-  margin-bottom: 0.5rem;
-  text-align: center;
-  font-size: 2.125rem;
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  color: var(--text-primary);
+  display: block;
+  margin: 1.75rem auto 0.5rem;
+  height: 3rem;
+  width: auto;
+  max-width: 100%;
 }
 
 .landing-subtitle {
diff --git a/frontend/src/core/components/shared/LandingPage.tsx b/frontend/src/core/components/shared/LandingPage.tsx
index e52eb98b56..1f9f117f3e 100644
--- a/frontend/src/core/components/shared/LandingPage.tsx
+++ b/frontend/src/core/components/shared/LandingPage.tsx
@@ -8,6 +8,7 @@ import MobileUploadModal from "@app/components/shared/MobileUploadModal";
 import { openFilesFromDisk } from "@app/services/openFilesFromDisk";
 import { LandingDocumentStack } from "@app/components/shared/LandingDocumentStack";
 import { LandingActions } from "@app/components/shared/LandingActions";
+import { Wordmark } from "@app/components/shared/Wordmark";
 import "@app/components/shared/LandingPage.css";
 
 const LandingPage = () => {
@@ -79,9 +80,10 @@ const LandingPage = () => {
       >
         <LandingDocumentStack />
 
-        <h1 className="landing-title">
-          {t("landing.heroTitle", "Stirling PDF")}
-        </h1>
+        <Wordmark
+          alt={t("landing.heroTitle", "Stirling PDF")}
+          className="landing-title"
+        />
         <p className="landing-subtitle">
           {t(
             "landing.heroSubtitle",