diff --git a/services/web/app/views/user/login.pug b/services/web/app/views/user/login.pug
index 5e8a23b017..8dd2ce311a 100644
--- a/services/web/app/views/user/login.pug
+++ b/services/web/app/views/user/login.pug
@@ -2,12 +2,19 @@ extends ../layout-website-redesign
block vars
- isWebsiteRedesign = true
+ - var suppressNavbar = true
block content
main#main-content.content
.container
.row
.col-lg-6.offset-lg-3.col-xl-4.offset-xl-4
+ .text-center.mb-4
+ img.verso-login-logo(
+ src=buildImgPath('ol-brand/verso-logo.svg')
+ alt='Verso'
+ style='width:260px;max-width:100%;height:auto'
+ )
.page-header
if login_support_title
h1 !{login_support_title}
diff --git a/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
index ca081536b6..68d325ae54 100644
--- a/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
+++ b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
@@ -18,8 +18,8 @@ import getMeta from '@/utils/meta'
import DefaultNavbar from '@/shared/components/navbar/default-navbar'
import SidebarDsNav from '@/features/project-list/components/sidebar/sidebar-ds-nav'
import SystemMessages from '@/shared/components/system-messages'
-import overleafLogo from '@/shared/svgs/overleaf-a-ds-solution-mallard.svg'
-import overleafLogoDark from '@/shared/svgs/overleaf-a-ds-solution-mallard-dark.svg'
+import overleafLogo from '@/shared/svgs/verso-logo.svg'
+import overleafLogoDark from '@/shared/svgs/verso-logo-dark.svg'
import CookieBanner from '@/shared/components/cookie-banner'
import { useActiveOverallTheme } from '@/shared/hooks/use-active-overall-theme'
import { isSplitTestEnabled } from '@/utils/splitTestUtils'
diff --git a/services/web/frontend/js/shared/svgs/verso-logo-dark.svg b/services/web/frontend/js/shared/svgs/verso-logo-dark.svg
new file mode 100644
index 0000000000..7c2e6d1775
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/verso-logo-dark.svg
@@ -0,0 +1,19 @@
+
diff --git a/services/web/frontend/js/shared/svgs/verso-logo.svg b/services/web/frontend/js/shared/svgs/verso-logo.svg
new file mode 100644
index 0000000000..6c544182b3
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/verso-logo.svg
@@ -0,0 +1,19 @@
+
diff --git a/services/web/frontend/stylesheets/pages/editor/toolbar-redesign.scss b/services/web/frontend/stylesheets/pages/editor/toolbar-redesign.scss
index 72985f5416..0994bb42b0 100644
--- a/services/web/frontend/stylesheets/pages/editor/toolbar-redesign.scss
+++ b/services/web/frontend/stylesheets/pages/editor/toolbar-redesign.scss
@@ -5,7 +5,7 @@
--redesign-toolbar-border-divider: var(--border-divider-dark);
--redesign-toolbar-background: var(--bg-dark-primary);
--redesign-toolbar-home-link-color: var(--content-primary-dark);
- --redesign-toolbar-logo-url: url('../../../../public/img/ol-brand/overleaf-o-white.svg');
+ --redesign-toolbar-logo-url: url('../../../../public/img/ol-brand/verso-square.svg');
--redesign-subdued-button-color: var(--content-primary-dark);
--redesign-subdued-button-hover-background: var(--bg-dark-tertiary);
--redesign-toolbar-feedback-link-color: var(--link-ui-dark);
@@ -16,7 +16,7 @@
--redesign-toolbar-border-divider: var(--border-divider);
--redesign-toolbar-background: var(--bg-light-primary);
--redesign-toolbar-home-link-color: var(--content-primary);
- --redesign-toolbar-logo-url: url('../../../../public/img/ol-brand/overleaf-o-dark.svg');
+ --redesign-toolbar-logo-url: url('../../../../public/img/ol-brand/verso-square.svg');
--redesign-subdued-button-color: var(--content-primary);
--redesign-subdued-button-hover-background: var(--bg-light-tertiary);
--redesign-toolbar-feedback-link-color: var(--link-ui);
diff --git a/services/web/frontend/stylesheets/pages/project-list-ds-nav.scss b/services/web/frontend/stylesheets/pages/project-list-ds-nav.scss
index abda0143c7..2cecf6152d 100644
--- a/services/web/frontend/stylesheets/pages/project-list-ds-nav.scss
+++ b/services/web/frontend/stylesheets/pages/project-list-ds-nav.scss
@@ -48,6 +48,10 @@ body {
.navbar-default {
position: relative;
+ // The Verso wordmark logo is wide (~3.8:1), so give the brand more room
+ // than the default 130px so "verso" and the wordmark read clearly.
+ --navbar-brand-width: 200px;
+
.navbar-header .navbar-logo {
@include media-breakpoint-up(md) {
position: relative;
diff --git a/services/web/public/favicon.svg b/services/web/public/favicon.svg
index d334df2c8a..8a436f8de4 100644
--- a/services/web/public/favicon.svg
+++ b/services/web/public/favicon.svg
@@ -1,14 +1,14 @@
-