From f7ab3d2b1fbf5f74e4a02773ed173154d51fe80e Mon Sep 17 00:00:00 2001
From: Tim Down <158919+timdown@users.noreply.github.com>
Date: Wed, 1 Jul 2026 12:23:47 +0100
Subject: [PATCH] Merge pull request #34888 from
overleaf/td-onboarding-split-test
Implement onboarding split test
GitOrigin-RevId: bf3675437d7fbbffc9374ffb7c0ba95bbb5ec3b8
---
.../stylesheets/ciam/ciam-layout.scss | 18 +++++++--
.../stylesheets/ciam/ciam-try-premium.scss | 37 +++++++++++++++++++
services/web/locales/en.json | 4 ++
services/web/public/img/ciam-check-green.svg | 3 --
services/web/public/img/ciam-check.svg | 4 ++
.../public/img/third-party-icons/dropbox.svg | 16 +-------
6 files changed, 61 insertions(+), 21 deletions(-)
delete mode 100644 services/web/public/img/ciam-check-green.svg
create mode 100644 services/web/public/img/ciam-check.svg
diff --git a/services/web/frontend/stylesheets/ciam/ciam-layout.scss b/services/web/frontend/stylesheets/ciam/ciam-layout.scss
index 9118fa963b..fee55c2b17 100644
--- a/services/web/frontend/stylesheets/ciam/ciam-layout.scss
+++ b/services/web/frontend/stylesheets/ciam/ciam-layout.scss
@@ -213,11 +213,21 @@
gap: var(--ds-spacing-200);
li {
- background-image: url('../../../public/img/ciam-check-green.svg');
- background-repeat: no-repeat;
- background-position: left center;
- background-size: 16px 16px;
+ position: relative;
padding-left: calc(16px + var(--ds-spacing-200));
+
+ &::before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 16px;
+ height: 16px;
+ background-color: var(--ds-color-green-500);
+ mask: url('../../../public/img/ciam-check.svg') no-repeat center / 16px
+ 16px;
+ }
}
}
diff --git a/services/web/frontend/stylesheets/ciam/ciam-try-premium.scss b/services/web/frontend/stylesheets/ciam/ciam-try-premium.scss
index e48ac6fdc7..69426804bf 100644
--- a/services/web/frontend/stylesheets/ciam/ciam-try-premium.scss
+++ b/services/web/frontend/stylesheets/ciam/ciam-try-premium.scss
@@ -10,3 +10,40 @@
width: 36px;
height: 36px;
}
+
+.ciam-try-premium-plan-selector {
+ display: flex;
+ flex-direction: column;
+ gap: var(--ds-spacing-400);
+}
+
+.ciam-try-premium-plan-name {
+ @include ds-heading-xs-semibold;
+
+ margin: 0;
+}
+
+.ciam-try-premium-freemium {
+ display: flex;
+ flex-direction: column;
+ gap: var(--ds-spacing-400);
+ padding: 0 0 var(--ds-spacing-400) 0;
+}
+
+.ciam-try-premium-paid-plan {
+ background-color: var(--ds-color-green-100);
+ border-radius: var(--ds-border-radius-200);
+ padding: var(--ds-spacing-600);
+ display: flex;
+ flex-direction: column;
+ gap: var(--ds-spacing-400);
+
+ .ciam-try-premium-logo-container {
+ justify-content: flex-start;
+ gap: var(--ds-spacing-400);
+ }
+
+ .ciam-list-style-check-green li::before {
+ background-color: var(--ds-color-green-600);
+ }
+}
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index 8e4adaca57..8463552764 100644
--- a/services/web/locales/en.json
+++ b/services/web/locales/en.json
@@ -492,6 +492,7 @@
"continue_github_merge": "I have manually merged. Continue",
"continue_to": "Continue to __appName__",
"continue_using_free_features": "Continue using our free features",
+ "continue_with_free": "Continue with Free",
"continue_with_free_plan": "Continue with free plan",
"continue_with_service": "Continue with __service__",
"conversion_error_details": "Conversion error details",
@@ -1012,6 +1013,7 @@
"git_integration": "Git integration",
"git_integration_info": "With Git integration, you can clone your Overleaf projects with Git. For full instructions on how to do this, <0>read our Git Integration help page.",
"github": "GitHub",
+ "github_and_git_integrations": "GitHub and Git integrations",
"github_commit_message_placeholder": "Commit message for changes made in __appName__...",
"github_credentials_expired": "Your GitHub authorization credentials have expired",
"github_empty_repository_error": "It looks like your GitHub repository is empty or not yet available. Create a new file on GitHub.com then try again.",
@@ -2491,6 +2493,7 @@
"sso_user_explanation_ready_with_admin_email": "Your group administered by <0>__adminEmail__ has SSO enabled so you can log in without needing to remember a password. Click <1>__buttonText__ to get started.",
"sso_user_explanation_ready_with_group_name": "Your group <0>__groupName__ has SSO enabled so you can log in without needing to remember a password. Click <1>__buttonText__ to get started.",
"standard": "Standard",
+ "start_7_day_trial": "Start 7-day trial",
"start_by_adding_your_email": "Start by adding your email address.",
"start_by_fixing_the_first_error_in_your_document": "Start by fixing the first error in the document to avoid cascading problems later on.",
"start_editing": "Start editing",
@@ -3212,6 +3215,7 @@
"zoom_out": "Zoom out",
"zoom_to": "Zoom to",
"zotero": "Zotero",
+ "zotero_and_mendeley_integrations": "Zotero and Mendeley integrations",
"zotero_dynamic_sync_description": "With the Zotero integration, you can import your references into __appName__. You can either import all your references at once or dynamically search your Zotero library directly from __appName__.",
"zotero_groups_loading_error": "There was an error loading groups from Zotero",
"zotero_groups_relink": "There was an error accessing your Zotero data. This was likely caused by lack of permissions. Please re-link your account and try again.",
diff --git a/services/web/public/img/ciam-check-green.svg b/services/web/public/img/ciam-check-green.svg
deleted file mode 100644
index da04b41cac..0000000000
--- a/services/web/public/img/ciam-check-green.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/services/web/public/img/ciam-check.svg b/services/web/public/img/ciam-check.svg
new file mode 100644
index 0000000000..24bf424819
--- /dev/null
+++ b/services/web/public/img/ciam-check.svg
@@ -0,0 +1,4 @@
+
+
diff --git a/services/web/public/img/third-party-icons/dropbox.svg b/services/web/public/img/third-party-icons/dropbox.svg
index 0dc2e21556..f24e318899 100644
--- a/services/web/public/img/third-party-icons/dropbox.svg
+++ b/services/web/public/img/third-party-icons/dropbox.svg
@@ -1,15 +1,3 @@
-