diff --git a/assets/js/components/consent-mode/ConsentModeSetupCTAWidget.js b/assets/js/components/consent-mode/ConsentModeSetupCTAWidget.js
index 1376c31ffe9..e137c6e6874 100644
--- a/assets/js/components/consent-mode/ConsentModeSetupCTAWidget.js
+++ b/assets/js/components/consent-mode/ConsentModeSetupCTAWidget.js
@@ -241,28 +241,31 @@ function ConsentModeSetupCTAWidget( { Widget, WidgetNull } ) {
 											'google-site-kit'
 										) }
 									</h3>
-									<p className="googlesitekit-setup-cta-banner__description">
-										{ createInterpolateElement(
-											__(
-												'Consent mode interacts with your Consent Management Platform (CMP) or custom implementation for obtaining visitor consent, such as a cookie consent banner. <a>Learn more</a>',
-												'google-site-kit'
-											),
-											{
-												a: (
-													<Link
-														href={
-															consentModeDocumentationURL
-														}
-														external
-														aria-label={ __(
-															'Learn more about consent mode',
-															'google-site-kit'
-														) }
-													/>
+									<div className="googlesitekit-setup-cta-banner__description">
+										<p>
+											{ createInterpolateElement(
+												__(
+													'Consent mode interacts with your Consent Management Platform (CMP) or custom implementation for obtaining visitor consent, such as a cookie consent banner. <a>Learn more</a>',
+													'google-site-kit'
 												),
-											}
-										) }
-									</p>
+												{
+													a: (
+														<Link
+															href={
+																consentModeDocumentationURL
+															}
+															external
+															aria-label={ __(
+																'Learn more about consent mode',
+																'google-site-kit'
+															) }
+														/>
+													),
+												}
+											) }
+										</p>
+									</div>
+
 									{ saveError && (
 										<ErrorText
 											message={ saveError.message }
diff --git a/assets/js/components/notifications/AdsModuleSetupCTAWidget.js b/assets/js/components/notifications/AdsModuleSetupCTAWidget.js
index 2f295e645f8..f367787d9d2 100644
--- a/assets/js/components/notifications/AdsModuleSetupCTAWidget.js
+++ b/assets/js/components/notifications/AdsModuleSetupCTAWidget.js
@@ -109,12 +109,14 @@ function AdsModuleSetupCTAWidget( { WidgetNull, Widget } ) {
 												'google-site-kit'
 											) }
 										</h3>
-										<p className="googlesitekit-setup-cta-banner__description">
-											{ __(
-												'Help drive sales, leads, or site traffic by getting your business in front of people who are actively searching Google for products or services you offer.',
-												'google-site-kit'
-											) }
-										</p>
+										<div className="googlesitekit-setup-cta-banner__description">
+											<p>
+												{ __(
+													'Help drive sales, leads, or site traffic by getting your business in front of people who are actively searching Google for products or services you offer.',
+													'google-site-kit'
+												) }
+											</p>
+										</div>
 
 										<div className="googlesitekit-setup-cta-banner__actions-wrapper">
 											<Button
diff --git a/assets/js/googlesitekit-modules-sign-in-with-google.js b/assets/js/googlesitekit-modules-sign-in-with-google.js
index a8b88932ebd..4fab39879e4 100644
--- a/assets/js/googlesitekit-modules-sign-in-with-google.js
+++ b/assets/js/googlesitekit-modules-sign-in-with-google.js
@@ -19,7 +19,13 @@
  */
 import Data from 'googlesitekit-data';
 import Modules from 'googlesitekit-modules';
-import { registerModule, registerStore } from './modules/sign-in-with-google';
+import Notifications from 'googlesitekit-notifications';
+import {
+	registerModule,
+	registerStore,
+	registerNotifications,
+} from './modules/sign-in-with-google';
 
 registerModule( Modules );
 registerStore( Data );
+registerNotifications( Notifications );
diff --git a/assets/js/googlesitekit/notifications/components/common/ActionsCTALinkDismiss.js b/assets/js/googlesitekit/notifications/components/common/ActionsCTALinkDismiss.js
index 4b7a5fd58e2..cc3947dc60d 100644
--- a/assets/js/googlesitekit/notifications/components/common/ActionsCTALinkDismiss.js
+++ b/assets/js/googlesitekit/notifications/components/common/ActionsCTALinkDismiss.js
@@ -29,21 +29,26 @@ import CTALink from './CTALink';
 
 export default function ActionsCTALinkDismiss( {
 	id,
+	className = 'googlesitekit-publisher-win__actions',
 	ctaLink,
 	ctaLabel,
+	onCTAClick,
 	dismissLabel = __( 'OK, Got it!', 'google-site-kit' ),
 	dismissExpires = 0,
 } ) {
-	const isNavigatingToCTALink = useSelect( ( select ) =>
-		select( CORE_LOCATION ).isNavigatingTo( ctaLink )
-	);
+	const isNavigatingToCTALink = useSelect( ( select ) => {
+		return ctaLink
+			? select( CORE_LOCATION ).isNavigatingTo( ctaLink )
+			: false;
+	} );
 
 	return (
-		<div className="googlesitekit-publisher-win__actions">
+		<div className={ className }>
 			<CTALink
 				id={ id }
 				ctaLink={ ctaLink }
 				ctaLabel={ ctaLabel }
+				onCTAClick={ onCTAClick }
 				dismissExpires={ dismissExpires }
 			/>
 
diff --git a/assets/js/googlesitekit/notifications/components/common/CTALink.js b/assets/js/googlesitekit/notifications/components/common/CTALink.js
index 5b14a51b8f3..5a13586157c 100644
--- a/assets/js/googlesitekit/notifications/components/common/CTALink.js
+++ b/assets/js/googlesitekit/notifications/components/common/CTALink.js
@@ -47,16 +47,18 @@ export default function CTALink( {
 
 	const trackEvents = useNotificationEvents( id );
 
-	const isNavigatingToCTALink = useSelect( ( select ) =>
-		select( CORE_LOCATION ).isNavigatingTo( ctaLink )
-	);
+	const isNavigatingToCTALink = useSelect( ( select ) => {
+		return ctaLink
+			? select( CORE_LOCATION ).isNavigatingTo( ctaLink )
+			: false;
+	} );
 
 	const { dismissNotification } = useDispatch( CORE_NOTIFICATIONS );
 	const { navigateTo } = useDispatch( CORE_LOCATION );
 
 	const handleCTAClick = async ( event ) => {
 		event.persist();
-		if ( ! event.defaultPrevented ) {
+		if ( ! event.defaultPrevented && ctaLink ) {
 			event.preventDefault();
 		}
 
@@ -79,7 +81,9 @@ export default function CTALink( {
 
 		await Promise.all( ctaClickActions );
 
-		navigateTo( ctaLink );
+		if ( ctaLink ) {
+			navigateTo( ctaLink );
+		}
 	};
 
 	return (
diff --git a/assets/js/googlesitekit/notifications/components/common/Description.js b/assets/js/googlesitekit/notifications/components/common/Description.js
index ee6ff67b7ec..769242697c1 100644
--- a/assets/js/googlesitekit/notifications/components/common/Description.js
+++ b/assets/js/googlesitekit/notifications/components/common/Description.js
@@ -19,9 +19,13 @@
  */
 import { sanitizeHTML } from '../../../../util';
 
-export default function Description( { text, learnMoreLink } ) {
+export default function Description( {
+	className = 'googlesitekit-publisher-win__desc',
+	text,
+	learnMoreLink,
+} ) {
 	return (
-		<div className="googlesitekit-publisher-win__desc">
+		<div className={ className }>
 			<p>
 				<span
 					dangerouslySetInnerHTML={ sanitizeHTML( text, {
diff --git a/assets/js/googlesitekit/notifications/components/layout/NotificationWithSVG.js b/assets/js/googlesitekit/notifications/components/layout/NotificationWithSVG.js
new file mode 100644
index 00000000000..f35af34fa5b
--- /dev/null
+++ b/assets/js/googlesitekit/notifications/components/layout/NotificationWithSVG.js
@@ -0,0 +1,98 @@
+/**
+ * Site Kit by Google, Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * External dependencies
+ */
+import classNames from 'classnames';
+
+/**
+ * Internal dependencies
+ */
+import {
+	BREAKPOINT_SMALL,
+	BREAKPOINT_TABLET,
+	useBreakpoint,
+} from '../../../../hooks/useBreakpoint';
+import { Cell, Grid, Row } from '../../../../material-components';
+
+export default function NotificationWithSVG( {
+	id,
+	title,
+	description,
+	actions,
+	SVG,
+} ) {
+	const breakpoint = useBreakpoint();
+
+	// Desktop breakpoint.
+	let svgSizeProps = { mdSize: 8, lgSize: 6 };
+	// Tablet breakpoint.
+	if ( breakpoint === BREAKPOINT_TABLET ) {
+		svgSizeProps = { mdSize: 8 };
+	}
+	// Mobile breakpoint.
+	if ( breakpoint === BREAKPOINT_SMALL ) {
+		svgSizeProps = { smSize: 12 };
+	}
+
+	return (
+		<div className="googlesitekit-widget-context">
+			<Grid className="googlesitekit-widget-area">
+				<Row>
+					<Cell size={ 12 }>
+						<div
+							className={ classNames(
+								'googlesitekit-widget',
+								'googlesitekit-widget--no-padding',
+								'googlesitekit-setup-cta-banner',
+								`googlesitekit-setup-cta-banner--${ id }`
+							) }
+						>
+							<div className="googlesitekit-widget__body">
+								<Grid collapsed>
+									<Row>
+										<Cell
+											smSize={ 12 }
+											mdSize={ 8 }
+											lgSize={ 6 }
+											className="googlesitekit-setup-cta-banner__primary-cell"
+										>
+											<h3 className="googlesitekit-setup-cta-banner__title">
+												{ title }
+											</h3>
+
+											{ description }
+
+											{ actions }
+										</Cell>
+										<Cell
+											alignBottom
+											className={ `googlesitekit-setup-cta-banner__svg-wrapper--${ id }` }
+											{ ...svgSizeProps }
+										>
+											<SVG />
+										</Cell>
+									</Row>
+								</Grid>
+							</div>
+						</div>
+					</Cell>
+				</Row>
+			</Grid>
+		</div>
+	);
+}
diff --git a/assets/js/modules/reader-revenue-manager/components/dashboard/ReaderRevenueManagerSetupCTABanner.js b/assets/js/modules/reader-revenue-manager/components/dashboard/ReaderRevenueManagerSetupCTABanner.js
index ee540a6e25c..a8b17546a83 100644
--- a/assets/js/modules/reader-revenue-manager/components/dashboard/ReaderRevenueManagerSetupCTABanner.js
+++ b/assets/js/modules/reader-revenue-manager/components/dashboard/ReaderRevenueManagerSetupCTABanner.js
@@ -194,34 +194,36 @@ function ReaderRevenueManagerSetupCTABanner( { Widget, WidgetNull } ) {
 												'google-site-kit'
 											) }
 										</h4>
-										<p className="googlesitekit-setup-cta-banner__description">
-											{ createInterpolateElement(
-												__(
-													'Turn casual visitors into loyal readers and earn more from your content with voluntary contributions, surveys, newsletter sign-ups and reader insight tools. <a>Learn more</a>',
-													'google-site-kit'
-												),
-												{
-													a: (
-														<Link
-															href={
-																readerRevenueManagerDocumentationURL
-															}
-															external
-															aria-label={ __(
-																'Learn more about reader revenue manager',
-																'google-site-kit'
-															) }
-														/>
+										<div className="googlesitekit-setup-cta-banner__description">
+											<p>
+												{ createInterpolateElement(
+													__(
+														'Turn casual visitors into loyal readers and earn more from your content with voluntary contributions, surveys, newsletter sign-ups and reader insight tools. <a>Learn more</a>',
+														'google-site-kit'
 													),
-												}
-											) }
-											<br />
-											<br />
-											{ __(
-												'* Support for subscriptions coming soon',
-												'google-site-kit'
-											) }
-										</p>
+													{
+														a: (
+															<Link
+																href={
+																	readerRevenueManagerDocumentationURL
+																}
+																external
+																aria-label={ __(
+																	'Learn more about reader revenue manager',
+																	'google-site-kit'
+																) }
+															/>
+														),
+													}
+												) }
+												<br />
+												<br />
+												{ __(
+													'* Support for subscriptions coming soon',
+													'google-site-kit'
+												) }
+											</p>
+										</div>
 
 										<div className="googlesitekit-setup-cta-banner__actions-wrapper">
 											<Button
diff --git a/assets/js/modules/sign-in-with-google/components/dashboard/SignInWithGoogleSetupCTABanner.js b/assets/js/modules/sign-in-with-google/components/dashboard/SignInWithGoogleSetupCTABanner.js
new file mode 100644
index 00000000000..b35eb229a1a
--- /dev/null
+++ b/assets/js/modules/sign-in-with-google/components/dashboard/SignInWithGoogleSetupCTABanner.js
@@ -0,0 +1,95 @@
+/**
+ * Sign in with Google Setup CTA Banner component.
+ *
+ * Site Kit by Google, Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * External dependencies
+ */
+import PropTypes from 'prop-types';
+
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { useSelect } from 'googlesitekit-data';
+import { CORE_SITE } from '../../../../googlesitekit/datastore/site/constants';
+import useActivateModuleCallback from '../../../../hooks/useActivateModuleCallback';
+import NotificationWithSVG from '../../../../googlesitekit/notifications/components/layout/NotificationWithSVG';
+import Description from '../../../../googlesitekit/notifications/components/common/Description';
+import LearnMoreLink from '../../../../googlesitekit/notifications/components/common/LearnMoreLink';
+import ActionsCTALinkDismiss from '../../../../googlesitekit/notifications/components/common/ActionsCTALinkDismiss';
+import SiWGSetupCTASVG from '../../../../../svg/graphics/sign-in-with-google-setup-cta.svg';
+
+export default function SignInWithGoogleSetupCTABanner( { id, Notification } ) {
+	const learnMoreURL = useSelect( ( select ) => {
+		return select( CORE_SITE ).getDocumentationLinkURL(
+			'sign-in-with-google'
+		);
+	} );
+
+	const onSetupActivate = useActivateModuleCallback( 'sign-in-with-google' );
+
+	return (
+		<Notification>
+			<NotificationWithSVG
+				id={ id }
+				title={ __(
+					'Boost onboarding, security, and trust on your site using Sign in with Google',
+					'google-site-kit'
+				) }
+				description={
+					<Description
+						className="googlesitekit-setup-cta-banner__description"
+						text={ __(
+							'Provide your site visitors with a simple, secure, and personalised experience by adding a Sign in with Google button to your login page.',
+							'google-site-kit'
+						) }
+						learnMoreLink={
+							<LearnMoreLink
+								id={ id }
+								label={ __( 'Learn more', 'google-site-kit' ) }
+								url={ learnMoreURL }
+							/>
+						}
+					/>
+				}
+				actions={
+					<ActionsCTALinkDismiss
+						id={ id }
+						className="googlesitekit-setup-cta-banner__actions-wrapper"
+						ctaLabel={ __(
+							'Set up Sign in with Google',
+							'google-site-kit'
+						) }
+						onCTAClick={ onSetupActivate }
+						dismissLabel={ __( 'Maybe later', 'google-site-kit' ) }
+					/>
+				}
+				SVG={ SiWGSetupCTASVG }
+			/>
+		</Notification>
+	);
+}
+
+SignInWithGoogleSetupCTABanner.propTypes = {
+	id: PropTypes.string,
+	Notification: PropTypes.elementType,
+};
diff --git a/assets/js/modules/sign-in-with-google/components/dashboard/SignInWithGoogleSetupCTABanner.stories.js b/assets/js/modules/sign-in-with-google/components/dashboard/SignInWithGoogleSetupCTABanner.stories.js
new file mode 100644
index 00000000000..7cc0d268430
--- /dev/null
+++ b/assets/js/modules/sign-in-with-google/components/dashboard/SignInWithGoogleSetupCTABanner.stories.js
@@ -0,0 +1,41 @@
+/**
+ * SignInWithGoogleSetupCTABanner Component Stories.
+ *
+ * Site Kit by Google, Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * Internal dependencies
+ */
+import { withNotificationComponentProps } from '../../../../googlesitekit/notifications/util/component-props';
+import SignInWithGoogleSetupCTABanner from './SignInWithGoogleSetupCTABanner';
+
+const NotificationWithComponentProps = withNotificationComponentProps(
+	'setup-cta-siwg'
+)( SignInWithGoogleSetupCTABanner );
+
+function Template() {
+	return <NotificationWithComponentProps />;
+}
+
+export const Default = Template.bind();
+Default.storyName = 'SignInWithGoogleSetupCTABanner';
+Default.scenario = {
+	label: 'Modules/SignInWithGoogle/Dashboard/SignInWithGoogleSetupCTABanner',
+};
+
+export default {
+	title: 'Modules/SignInWithGoogle/Dashboard/SignInWithGoogleSetupCTABanner',
+};
diff --git a/assets/js/modules/sign-in-with-google/components/dashboard/index.js b/assets/js/modules/sign-in-with-google/components/dashboard/index.js
new file mode 100644
index 00000000000..c09000a421b
--- /dev/null
+++ b/assets/js/modules/sign-in-with-google/components/dashboard/index.js
@@ -0,0 +1,19 @@
+/**
+ * Sign in with Google settings components.
+ *
+ * Site Kit by Google, Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export { default as SignInWithGoogleSetupCTABanner } from './SignInWithGoogleSetupCTABanner';
diff --git a/assets/js/modules/sign-in-with-google/components/settings/SettingsEdit.stories.js b/assets/js/modules/sign-in-with-google/components/settings/SettingsEdit.stories.js
index b88c5bf3631..407840baa6a 100644
--- a/assets/js/modules/sign-in-with-google/components/settings/SettingsEdit.stories.js
+++ b/assets/js/modules/sign-in-with-google/components/settings/SettingsEdit.stories.js
@@ -45,7 +45,7 @@ function Template() {
 export const Default = Template.bind( null );
 Default.storyName = 'Default';
 Default.scenario = {
-	label: 'Modules/Sign in with Google/Settings/SettingsForm/Default',
+	label: 'Modules/SignInWithGoogle/Settings/SettingsForm/Default',
 };
 Default.decorators = [
 	( Story ) => {
@@ -98,7 +98,7 @@ InvalidClientID.decorators = [
 ];
 
 export default {
-	title: 'Modules/Sign in with Google/Settings/SettingsEdit',
+	title: 'Modules/SignInWithGoogle/Settings/SettingsEdit',
 	decorators: [
 		( Story ) => {
 			const setupRegistry = ( registry ) => {
@@ -123,5 +123,5 @@ export default {
 export const Empty = Template.bind( null );
 Empty.storyName = 'Empty';
 Empty.scenario = {
-	label: 'Modules/Sign in with Google/Settings/SettingsForm/Empty',
+	label: 'Modules/SignInWithGoogle/Settings/SettingsForm/Empty',
 };
diff --git a/assets/js/modules/sign-in-with-google/index.js b/assets/js/modules/sign-in-with-google/index.js
index f46395caa5c..ca1bca0db9c 100644
--- a/assets/js/modules/sign-in-with-google/index.js
+++ b/assets/js/modules/sign-in-with-google/index.js
@@ -22,14 +22,19 @@ import { __ } from '@wordpress/i18n';
 /**
  * Internal dependencies
  */
+import { CORE_SITE } from '../../googlesitekit/datastore/site/constants';
+import { CORE_MODULES } from '../../googlesitekit/modules/datastore/constants';
 import {
 	ERROR_CODE_NON_HTTPS_SITE,
 	MODULES_SIGN_IN_WITH_GOOGLE,
 } from './datastore/constants';
-import { CORE_SITE } from '../../googlesitekit/datastore/site/constants';
 import Icon from '../../../svg/graphics/sign-in-with-google.svg';
 import SetupMain from './components/setup/SetupMain';
 import SettingsEdit from './components/settings/SettingsEdit';
+import SignInWithGoogleSetupCTABanner from './components/dashboard/SignInWithGoogleSetupCTABanner';
+import { NOTIFICATION_AREAS } from '../../googlesitekit/notifications/datastore/constants';
+import { VIEW_CONTEXT_MAIN_DASHBOARD } from '../../googlesitekit/constants';
+import { isFeatureEnabled } from '../../features';
 import { isURLUsingHTTPS } from '../../util/is-url-using-https';
 
 export { registerStore } from './datastore';
@@ -87,3 +92,38 @@ export function registerModule( modules ) {
 		},
 	} );
 }
+
+export const registerNotifications = ( notifications ) => {
+	if ( isFeatureEnabled( 'signInWithGoogleModule' ) ) {
+		notifications.registerNotification( 'setup-cta-siwg', {
+			Component: SignInWithGoogleSetupCTABanner,
+			priority: 320,
+			areaSlug: NOTIFICATION_AREAS.BANNERS_BELOW_NAV,
+			viewContexts: [ VIEW_CONTEXT_MAIN_DASHBOARD ],
+			checkRequirements: async ( { select, resolveSelect } ) => {
+				await Promise.all( [
+					// The isModuleConnected() relies on the resolution
+					// of the getModules() resolver.
+					resolveSelect( CORE_MODULES ).getModules(),
+					// Ensure the site info is resolved to get the home URL.
+					resolveSelect( CORE_SITE ).getSiteInfo(),
+				] );
+
+				const isConnected = select( CORE_MODULES ).isModuleConnected(
+					'sign-in-with-google'
+				);
+				if ( isConnected ) {
+					return false;
+				}
+
+				const homeURL = select( CORE_SITE ).getHomeURL();
+				if ( ! isURLUsingHTTPS( homeURL ) ) {
+					return false;
+				}
+
+				return true;
+			},
+			isDismissible: true,
+		} );
+	}
+};
diff --git a/assets/sass/components/ads/_googlesitekit-ads-setup-banner.scss b/assets/sass/components/ads/_googlesitekit-ads-setup-banner.scss
index c74e411922d..a1e33b23711 100644
--- a/assets/sass/components/ads/_googlesitekit-ads-setup-banner.scss
+++ b/assets/sass/components/ads/_googlesitekit-ads-setup-banner.scss
@@ -30,6 +30,7 @@
 		.googlesitekit-setup-cta-banner__title {
 			@media (min-width: $width-tablet + 1 + px) {
 				font-size: $fs-headline-sm;
+				font-weight: $fw-medium;
 				line-height: $lh-headline-sm;
 			}
 
diff --git a/assets/sass/components/dashboard/_googlesitekit-setup-cta-banner.scss b/assets/sass/components/dashboard/_googlesitekit-setup-cta-banner.scss
index fed01268263..ff5bddf9789 100644
--- a/assets/sass/components/dashboard/_googlesitekit-setup-cta-banner.scss
+++ b/assets/sass/components/dashboard/_googlesitekit-setup-cta-banner.scss
@@ -34,6 +34,12 @@
 			line-height: $lh-title-md;
 			margin: 0 0 10px;
 
+			@media (min-width: $width-tablet + 1 + px) {
+				font-size: $fs-headline-sm;
+				font-weight: $fw-normal;
+				line-height: $lh-headline-sm;
+			}
+
 			@media (min-width: $width-desktop + 1 + px) {
 				font-size: $fs-headline-md;
 				font-weight: $fw-normal;
@@ -41,12 +47,18 @@
 			}
 		}
 
-		.googlesitekit-setup-cta-banner__description {
+		.googlesitekit-setup-cta-banner__description p {
 			font-size: $fs-body-sm;
 			letter-spacing: $ls-xs;
 			line-height: $lh-body-sm;
 			margin: 0;
 
+			@media (min-width: $width-tablet + 1 + px) {
+				font-size: $fs-body-md;
+				letter-spacing: $ls-s;
+				line-height: $lh-body-md;
+			}
+
 			@media (min-width: $width-desktop + 1 + px) {
 				font-size: $fs-body-lg;
 				letter-spacing: $ls-m;
diff --git a/assets/sass/components/reader-revenue-manager/_googlesitekit-rrm-setup-cta-banner.scss b/assets/sass/components/reader-revenue-manager/_googlesitekit-rrm-setup-cta-banner.scss
index 67f7eef63e0..407c9694e07 100644
--- a/assets/sass/components/reader-revenue-manager/_googlesitekit-rrm-setup-cta-banner.scss
+++ b/assets/sass/components/reader-revenue-manager/_googlesitekit-rrm-setup-cta-banner.scss
@@ -27,6 +27,10 @@
 		}
 
 		.googlesitekit-setup-cta-banner__title {
+			@media (min-width: $width-tablet + 1 + px) {
+				font-weight: $fw-medium;
+			}
+
 			@media (min-width: $bp-nonMobile) {
 				font-size: $fs-headline-sm;
 				line-height: $lh-headline-sm;
diff --git a/assets/sass/components/sign-in-with-google/_googlesitekit-sign-in-with-google-setup-cta-banner.scss b/assets/sass/components/sign-in-with-google/_googlesitekit-sign-in-with-google-setup-cta-banner.scss
new file mode 100644
index 00000000000..2e8c3fa9d1d
--- /dev/null
+++ b/assets/sass/components/sign-in-with-google/_googlesitekit-sign-in-with-google-setup-cta-banner.scss
@@ -0,0 +1,37 @@
+/**
+ * Sign in with Google Setup CTA Banner styles.
+ *
+ * Site Kit by Google, Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.googlesitekit-plugin {
+
+	.googlesitekit-setup-cta-banner--setup-cta-siwg {
+
+		.googlesitekit-setup-cta-banner__svg-wrapper--setup-cta-siwg {
+			align-items: flex-end;
+			display: flex;
+			justify-content: center;
+
+			svg {
+				max-height: 136px;
+
+				@media (min-width: $width-desktop + 1 + px) {
+					max-height: 265px;
+				}
+			}
+		}
+	}
+}
diff --git a/assets/sass/components/sign-in-with-google/_index.scss b/assets/sass/components/sign-in-with-google/_index.scss
index 94fc96da6ad..930f9efb8ad 100644
--- a/assets/sass/components/sign-in-with-google/_index.scss
+++ b/assets/sass/components/sign-in-with-google/_index.scss
@@ -14,5 +14,6 @@
  * limitations under the License.
  */
 
+@import "googlesitekit-sign-in-with-google-setup-cta-banner";
 @import "googlesitekit-sign-in-with-google-setup-module";
 @import "googlesitekit-sign-in-with-google-settings-module";
diff --git a/assets/svg/graphics/sign-in-with-google-setup-cta.svg b/assets/svg/graphics/sign-in-with-google-setup-cta.svg
new file mode 100644
index 00000000000..698a7f4028f
--- /dev/null
+++ b/assets/svg/graphics/sign-in-with-google-setup-cta.svg
@@ -0,0 +1,55 @@
+<svg width="499" height="272" viewBox="0 0 499 272" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M448.71 220.432C409.27 285.869 340.121 290.778 306.009 282.662C261.506 272.073 255.893 240.58 231.317 231.732C206.74 222.885 195.435 226.442 160.527 231.732C125.62 237.022 66.8512 230.112 41.2484 177.378C15.6455 124.644 35.3284 69.8602 83.4681 43.2549C131.608 16.6496 159.824 45.0921 206.746 45.9947C253.667 46.8972 266.479 23.0863 310.204 20.6605C407.792 15.2466 508.891 120.582 448.71 220.432Z" fill="#B8E6CA"/>
+<g filter="url(#filter0_d_9_1090)">
+<path d="M148.363 83.8249C148.363 76.2234 154.525 70.0611 162.127 70.0611H329.599C337.201 70.0611 343.363 76.2234 343.363 83.8249V228.297C343.363 235.899 337.201 242.061 329.599 242.061H162.127C154.525 242.061 148.363 235.899 148.363 228.297V83.8249Z" fill="white"/>
+</g>
+<path d="M163.363 101.061C163.363 98.8519 165.154 97.0611 167.363 97.0611H324.363C326.572 97.0611 328.363 98.8519 328.363 101.061V139.061C328.363 141.27 326.572 143.061 324.363 143.061H167.363C165.154 143.061 163.363 141.27 163.363 139.061V101.061Z" fill="#BED4FF"/>
+<path d="M163.363 206.061C163.363 203.852 165.154 202.061 167.363 202.061H324.363C326.572 202.061 328.363 203.852 328.363 206.061V211.061C328.363 213.27 326.572 215.061 324.363 215.061H167.363C165.154 215.061 163.363 213.27 163.363 211.061V206.061Z" fill="#BED4FF"/>
+<rect x="234.363" y="153.061" width="54" height="14" rx="7" fill="#BED4FF"/>
+<rect x="234.363" y="175.061" width="94" height="5" rx="2.5" fill="#BED4FF"/>
+<rect x="163.363" y="175.061" width="59" height="5" rx="2.5" fill="#BED4FF"/>
+<rect x="163.363" y="164.061" width="59" height="5" rx="2.5" fill="#BED4FF"/>
+<rect x="163.363" y="186.061" width="59" height="5" rx="2.5" fill="#BED4FF"/>
+<rect x="163.363" y="153.061" width="59" height="5" rx="2.5" fill="#BED4FF"/>
+<rect x="234.363" y="186.061" width="94" height="5" rx="2.5" fill="#BED4FF"/>
+<g filter="url(#filter1_d_9_1090)">
+<path d="M339.892 43.4608C334.079 45.9968 321.424 51.2467 309.4 54.4297C305.911 55.3534 303.341 58.461 303.488 62.0674C305.597 113.906 333.799 136.037 343.162 136.037C352.516 136.037 381.082 109.818 381.698 61.7374C381.742 58.2786 379.269 55.3447 375.934 54.4251C363.934 51.116 351.991 46.0174 346.416 43.505C344.342 42.5704 341.977 42.5512 339.892 43.4608Z" fill="#3C7251"/>
+<mask id="mask0_9_1090" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="303" y="42" width="79" height="95">
+<path d="M340.009 43.4609C334.195 45.9968 321.541 51.2467 309.517 54.4297C306.028 55.3534 303.458 58.461 303.605 62.0674C305.714 113.906 333.916 136.037 343.279 136.037C352.632 136.037 381.198 109.818 381.815 61.7374C381.859 58.2786 379.386 55.3447 376.051 54.4252C364.051 51.116 352.108 46.0174 346.532 43.505C344.458 42.5705 342.094 42.5513 340.009 43.4609Z" fill="#5C9271"/>
+</mask>
+<g mask="url(#mask0_9_1090)">
+<path d="M343.148 42C343.148 42 325.756 50.1095 309.512 54.4258C306.025 55.3523 303.458 58.4588 303.604 62.0633C305.705 113.905 333.816 136.037 343.148 136.037V42Z" fill="#265C3B"/>
+</g>
+<ellipse cx="342.998" cy="81.8055" rx="15.503" ry="15.503" fill="#D0FBE1"/>
+<circle opacity="0.5" cx="342.697" cy="81.9503" r="19.7345" stroke="#B8E6CA" stroke-width="3.13769"/>
+<mask id="mask1_9_1090" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="327" y="66" width="32" height="32">
+<ellipse cx="342.998" cy="81.8055" rx="15.503" ry="15.503" fill="#D0FBE1"/>
+</mask>
+<g mask="url(#mask1_9_1090)">
+<path d="M349.114 76.709C349.114 80.0545 346.326 82.7665 342.886 82.7665C339.446 82.7665 336.658 80.0545 336.658 76.709C336.658 73.3636 339.446 70.6516 342.886 70.6516C346.326 70.6516 349.114 73.3636 349.114 76.709Z" fill="#77AD8C"/>
+<ellipse cx="342.886" cy="94.6077" rx="13.2348" ry="10.5878" fill="#77AD8C"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_9_1090" x="132.363" y="58.0611" width="227" height="204" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="8"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9_1090"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9_1090" result="shape"/>
+</filter>
+<filter id="filter1_d_9_1090" x="291.348" y="36.7242" width="102.484" height="117.514" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="6.06692"/>
+<feGaussianBlur stdDeviation="6.06692"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.0460389 0 0 0 0 0.348203 0 0 0 0 0.163547 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9_1090"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9_1090" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/tests/backstop/reference/google-site-kit_ConsentMode_ConsentModeSetupCTAWidget_Default_0_document_2_large.png b/tests/backstop/reference/google-site-kit_ConsentMode_ConsentModeSetupCTAWidget_Default_0_document_2_large.png
index ebb0a19178d..55177a64d59 100644
Binary files a/tests/backstop/reference/google-site-kit_ConsentMode_ConsentModeSetupCTAWidget_Default_0_document_2_large.png and b/tests/backstop/reference/google-site-kit_ConsentMode_ConsentModeSetupCTAWidget_Default_0_document_2_large.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_AfterOneDismissal_0_document_1_medium.png b/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_AfterOneDismissal_0_document_1_medium.png
index fd96565718c..0954a6c8bef 100644
Binary files a/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_AfterOneDismissal_0_document_1_medium.png and b/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_AfterOneDismissal_0_document_1_medium.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_AfterOneDismissal_0_document_2_large.png b/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_AfterOneDismissal_0_document_2_large.png
index a167fa075eb..69138dcf2b7 100644
Binary files a/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_AfterOneDismissal_0_document_2_large.png and b/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_AfterOneDismissal_0_document_2_large.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_Default_0_document_1_medium.png b/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_Default_0_document_1_medium.png
index 13abaacf633..4d065a7d9c1 100644
Binary files a/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_Default_0_document_1_medium.png and b/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_Default_0_document_1_medium.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_Default_0_document_2_large.png b/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_Default_0_document_2_large.png
index 103bc109394..6086e5e17b0 100644
Binary files a/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_Default_0_document_2_large.png and b/tests/backstop/reference/google-site-kit_Modules_Ads_Components_Dashboard_AdsModuleSetupCTAWidget_Default_0_document_2_large.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_ReaderRevenueManager_Components_Dashboard_ReaderRevenueManagerSetupCTABanner_Default_0_document_1_medium.png b/tests/backstop/reference/google-site-kit_Modules_ReaderRevenueManager_Components_Dashboard_ReaderRevenueManagerSetupCTABanner_Default_0_document_1_medium.png
index 50fc5e5baf7..9a60df5509d 100644
Binary files a/tests/backstop/reference/google-site-kit_Modules_ReaderRevenueManager_Components_Dashboard_ReaderRevenueManagerSetupCTABanner_Default_0_document_1_medium.png and b/tests/backstop/reference/google-site-kit_Modules_ReaderRevenueManager_Components_Dashboard_ReaderRevenueManagerSetupCTABanner_Default_0_document_1_medium.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_ReaderRevenueManager_Components_Dashboard_ReaderRevenueManagerSetupCTABanner_Default_0_document_2_large.png b/tests/backstop/reference/google-site-kit_Modules_ReaderRevenueManager_Components_Dashboard_ReaderRevenueManagerSetupCTABanner_Default_0_document_2_large.png
index 6322a5a342d..d1b32f47297 100644
Binary files a/tests/backstop/reference/google-site-kit_Modules_ReaderRevenueManager_Components_Dashboard_ReaderRevenueManagerSetupCTABanner_Default_0_document_2_large.png and b/tests/backstop/reference/google-site-kit_Modules_ReaderRevenueManager_Components_Dashboard_ReaderRevenueManagerSetupCTABanner_Default_0_document_2_large.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_0_small.png b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_0_small.png
new file mode 100644
index 00000000000..07bca96c8d4
Binary files /dev/null and b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_0_small.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_1_medium.png b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_1_medium.png
new file mode 100644
index 00000000000..ca165185fe4
Binary files /dev/null and b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_1_medium.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_2_large.png b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_2_large.png
new file mode 100644
index 00000000000..7d900c7c83c
Binary files /dev/null and b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_2_large.png differ
diff --git a/tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Default_0_document_0_small.png b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Default_0_document_0_small.png
similarity index 100%
rename from tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Default_0_document_0_small.png
rename to tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Default_0_document_0_small.png
diff --git a/tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Default_0_document_1_medium.png b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Default_0_document_1_medium.png
similarity index 100%
rename from tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Default_0_document_1_medium.png
rename to tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Default_0_document_1_medium.png
diff --git a/tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Default_0_document_2_large.png b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Default_0_document_2_large.png
similarity index 100%
rename from tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Default_0_document_2_large.png
rename to tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Default_0_document_2_large.png
diff --git a/tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Empty_0_document_0_small.png b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Empty_0_document_0_small.png
similarity index 100%
rename from tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Empty_0_document_0_small.png
rename to tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Empty_0_document_0_small.png
diff --git a/tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Empty_0_document_1_medium.png b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Empty_0_document_1_medium.png
similarity index 100%
rename from tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Empty_0_document_1_medium.png
rename to tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Empty_0_document_1_medium.png
diff --git a/tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Empty_0_document_2_large.png b/tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Empty_0_document_2_large.png
similarity index 100%
rename from tests/backstop/reference/google-site-kit_Modules_Sign_in_with_Google_Settings_SettingsForm_Empty_0_document_2_large.png
rename to tests/backstop/reference/google-site-kit_Modules_SignInWithGoogle_Settings_SettingsForm_Empty_0_document_2_large.png