diff --git a/.storybook/mock-content/extraLargePromo.js b/.storybook/mock-content/extraLargePromo.js
index c59d7f637f..e86614a8d1 100644
--- a/.storybook/mock-content/extraLargePromo.js
+++ b/.storybook/mock-content/extraLargePromo.js
@@ -56,5 +56,12 @@ export const extraLargePromo = {
 			},
 			website_url: "/test/promo-image-variations/2021/04/23/basic-promo-image/",
 		},
+		"story-book": {
+			website_section: {
+				_id: "/test/promo-image-variations",
+				name: "Promo image variations",
+			},
+			website_url: "/test/promo-image-variations/2021/04/23/basic-promo-image/",
+		},
 	},
 };
diff --git a/.storybook/mock-content/largePromo.js b/.storybook/mock-content/largePromo.js
index c9d0779090..d9f89ef77b 100644
--- a/.storybook/mock-content/largePromo.js
+++ b/.storybook/mock-content/largePromo.js
@@ -76,5 +76,12 @@ export const largePromoMock = {
 			},
 			website_url: "/2019/12/02/baby-panda-born-at-the-zoo/",
 		},
+		"story-book": {
+			website_section: {
+				_id: "/health",
+				name: "Health",
+			},
+			website_url: "/2019/12/02/baby-panda-born-at-the-zoo/",
+		},
 	},
 };
diff --git a/.storybook/mock-content/mediumPromo.js b/.storybook/mock-content/mediumPromo.js
index 31f0387d67..c984ac4749 100644
--- a/.storybook/mock-content/mediumPromo.js
+++ b/.storybook/mock-content/mediumPromo.js
@@ -51,5 +51,9 @@ export const mediumPromoMock = {
 			website_url:
 				"/local/2020/01/14/in-albania-age-old-traditions-and-mediterranean-beaches-on-the-cheap/",
 		},
+		"story-book": {
+			website_url:
+				"/local/2020/01/14/in-albania-age-old-traditions-and-mediterranean-beaches-on-the-cheap/",
+		},
 	},
 };
diff --git a/.storybook/mock-content/smallPromo.js b/.storybook/mock-content/smallPromo.js
index 96cc783e5b..06f3f3863e 100644
--- a/.storybook/mock-content/smallPromo.js
+++ b/.storybook/mock-content/smallPromo.js
@@ -25,5 +25,9 @@ export const smallPromoMock = {
 			website_url:
 				"/local/2020/01/14/in-albania-age-old-traditions-and-mediterranean-beaches-on-the-cheap/",
 		},
+		"story-book": {
+			website_url:
+				"/local/2020/01/14/in-albania-age-old-traditions-and-mediterranean-beaches-on-the-cheap/",
+		},
 	},
 };
diff --git a/.storybook/themes/news.scss b/.storybook/themes/news.scss
index d7b3d74ee8..4986971609 100644
--- a/.storybook/themes/news.scss
+++ b/.storybook/themes/news.scss
@@ -403,7 +403,7 @@
 					outline-color: var(--status-color-warning),
 				),
 				link: (
-					color: var(--color-primary),
+					color: var(--text-color),
 				),
 				link-active: (
 					text-decoration: none,
@@ -1579,14 +1579,26 @@
 				),
 				large-manual-promo: (
 					gap: var(--global-spacing-4),
+					components: (
+						link-hover: (
+							color: var(--text-color-subtle),
+						),
+					),
 				),
 				large-manual-promo-text: (
 					gap: 0,
 					components: (
+						heading: (
+							color: var(--text-color),
+						),
 						overline: (
+							color: var(--text-color),
 							font-size: var(--heading-level-6-font-size),
 							line-height: var(--heading-level-6-line-height),
 						),
+						overline-hover: (
+							color: var(--text-color-subtle),
+						),
 						paragraph: (
 							font-size: var(--body-font-size),
 						),
@@ -1595,12 +1607,22 @@
 						),
 					),
 				),
+				large-manual-promo-img: (
+					components: (
+						link-hover: (
+							opacity: 0.8,
+						),
+					),
+				),
 				large-promo: (
 					gap: var(--global-spacing-4),
 					components: (
 						link: (
 							position: relative,
 						),
+						link-hover: (
+							color: var(--text-color-subtle),
+						),
 					),
 				),
 				large-promo-icon-label: (
@@ -1629,13 +1651,18 @@
 					gap: 0,
 					components: (
 						heading: (
+							color: var(--text-color),
 							font-size: var(--heading-level-3-font-size),
 							line-height: var(--heading-level-3-line-height),
 						),
 						overline: (
+							color: var(--text-color),
 							font-size: var(--heading-level-6-font-size),
 							line-height: var(--heading-level-6-line-height),
 						),
+						overline-hover: (
+							color: var(--text-color-subtle),
+						),
 						paragraph: (
 							font-size: var(--body-font-size),
 							line-height: var(--body-line-height),
@@ -1648,6 +1675,13 @@
 						),
 					),
 				),
+				large-promo-img: (
+					components: (
+						link-hover: (
+							opacity: 0.8,
+						),
+					),
+				),
 				lead-art: (
 					margin-bottom: var(--global-spacing-5),
 					components: (
@@ -1827,6 +1861,7 @@
 							max-width: 100px,
 						),
 						heading: (
+							color: var(--text-color),
 							font-size: var(--heading-level-5-font-size),
 							font-weight: var(--heading-level-5-font-weight),
 							line-height: var(--heading-level-5-line-height),
@@ -1842,6 +1877,9 @@
 						link: (
 							position: relative,
 						),
+						link-hover: (
+							color: var(--text-color-subtle),
+						),
 					),
 				),
 				medium-promo-show-image: (
@@ -1875,6 +1913,13 @@
 					color: var(--global-white),
 					display: none,
 				),
+				medium-promo-img: (
+					components: (
+						link-hover: (
+							opacity: 0.8,
+						),
+					),
+				),
 				medium-manual-promo: (
 					clear: both,
 					display: table,
@@ -1886,11 +1931,15 @@
 							line-height: var(--body-line-height-small),
 						),
 						heading: (
+							color: var(--text-color),
 							font-size: var(--heading-level-5-font-size),
 							font-weight: var(--heading-level-5-font-weight),
 							line-height: var(--heading-level-5-line-height),
 							margin-bottom: var(--global-spacing-4),
 						),
+						link-hover: (
+							color: var(--text-color-subtle),
+						),
 						media-item: (
 							float: right,
 							max-width: 100px,
@@ -1910,6 +1959,13 @@
 						),
 					),
 				),
+				medium-manual-promo-img: (
+					components: (
+						link-hover: (
+							opacity: 0.8,
+						),
+					),
+				),
 				numbered-list: (
 					gap: var(--global-spacing-4),
 					components: (
@@ -2325,10 +2381,14 @@
 					grid-template-columns: 1fr,
 					components: (
 						heading: (
+							color: var(--text-color),
 							font-size: var(--body-font-size),
 							font-weight: var(--body-font-weight),
 							line-height: var(--body-line-height),
 						),
+						link-hover: (
+							color: var(--text-color-subtle),
+						),
 					),
 				),
 				small-manual-promo-above: (
@@ -2345,16 +2405,27 @@
 					gap: var(--global-spacing-6),
 					grid-template-columns: 2fr 1fr,
 				),
+				small-manual-promo-img: (
+					components: (
+						link-hover: (
+							opacity: 0.8,
+						),
+					),
+				),
 				small-promo: (
 					display: grid,
 					gap: var(--global-spacing-5),
 					grid-template-columns: 1fr,
 					components: (
 						heading: (
+							color: var(--text-color),
 							font-size: var(--body-font-size),
 							font-weight: var(--body-font-weight),
 							line-height: var(--body-line-height),
 						),
+						link-hover: (
+							color: var(--text-color-subtle),
+						),
 					),
 				),
 				small-promo-left: (
@@ -2365,6 +2436,13 @@
 					gap: var(--global-spacing-6),
 					grid-template-columns: 2fr 1fr,
 				),
+				small-promo-img: (
+					components: (
+						link-hover: (
+							opacity: 0.8,
+						),
+					),
+				),
 				subheadline: (
 					font-size: var(--heading-level-6-font-size),
 					font-weight: var(--heading-level-6-font-weight),
@@ -2646,15 +2724,34 @@
 				),
 				xl-manual-promo: (
 					components: (
+						heading: (
+							color: var(--text-color),
+						),
 						link: (
 							font-family: inherit,
 							font-size: inherit,
 							font-weight: inherit,
 							line-height: inherit,
 						),
+						overline: (
+							color: var(--text-color),
+						),
+						overline-hover: (
+							color: var(--text-color-subtle),
+						),
 						stack: (
 							gap: var(--global-spacing-4),
 						),
+						link-hover: (
+							color: var(--text-color-subtle),
+						),
+					),
+				),
+				xl-manual-promo-img: (
+					components: (
+						link-hover: (
+							opacity: 0.8,
+						),
 					),
 				),
 				xl-promo: (
@@ -2665,6 +2762,15 @@
 							font-weight: inherit,
 							line-height: inherit,
 						),
+						heading: (
+							color: var(--text-color),
+						),
+						overline: (
+							color: var(--text-color),
+						),
+						overline-hover: (
+							color: var(--text-color-subtle),
+						),
 						separator: (
 							padding: 0 var(--global-spacing-2),
 						),
@@ -2674,6 +2780,9 @@
 						media-item: (
 							position: relative,
 						),
+						link-hover: (
+							color: var(--text-color-subtle),
+						),
 					),
 				),
 				xl-promo-icon-label: (
@@ -2698,6 +2807,13 @@
 					margin-left: var(--global-spacing-2),
 					color: var(--global-white),
 				),
+				xl-promo-img: (
+					components: (
+						link-hover: (
+							opacity: 0.8,
+						),
+					),
+				),
 			),
 		),
 		desktop: (
diff --git a/blocks/extra-large-manual-promo-block/_index.scss b/blocks/extra-large-manual-promo-block/_index.scss
index ab9d94c526..ab5631cd7c 100644
--- a/blocks/extra-large-manual-promo-block/_index.scss
+++ b/blocks/extra-large-manual-promo-block/_index.scss
@@ -1,6 +1,10 @@
 @use "@wpmedia/arc-themes-components/scss";
 
 .b-xl-manual-promo {
+	&__img {
+		@include scss.block-properties("xl-manual-promo-img");
+		@include scss.block-components("xl-manual-promo-img");
+	}
 	@include scss.block-properties("xl-manual-promo");
 	@include scss.block-components("xl-manual-promo");
 }
diff --git a/blocks/extra-large-manual-promo-block/features/extra-large-manual-promo/default.jsx b/blocks/extra-large-manual-promo-block/features/extra-large-manual-promo/default.jsx
index 6f27c4960d..6a4d394486 100644
--- a/blocks/extra-large-manual-promo-block/features/extra-large-manual-promo/default.jsx
+++ b/blocks/extra-large-manual-promo-block/features/extra-large-manual-promo/default.jsx
@@ -124,6 +124,7 @@ const ExtraLargeManualPromo = ({ customFields }) => {
 								suppressContentEditableWarning
 							>
 								<Conditional
+									className={`${BLOCK_CLASS_NAME}__img`}
 									component={Link}
 									condition={linkURL}
 									href={formatURL(linkURL)}
diff --git a/blocks/extra-large-manual-promo-block/themes/news.json b/blocks/extra-large-manual-promo-block/themes/news.json
index af9860c6d5..9d770bc375 100644
--- a/blocks/extra-large-manual-promo-block/themes/news.json
+++ b/blocks/extra-large-manual-promo-block/themes/news.json
@@ -3,12 +3,24 @@
 		"styles": {
 			"default": {
 				"components": {
+					"heading": {
+						"color": "var(--text-color)"
+					},
 					"link": {
 						"font-family": "inherit",
 						"font-size": "inherit",
 						"font-weight": "inherit",
 						"line-height": "inherit"
 					},
+					"link-hover": {
+						"color": "var(--text-color-subtle)"
+					},
+					"overline": {
+						"color": "var(--text-color)"
+					},
+					"overline-hover": {
+						"color": "var(--text-color-subtle)"
+					},
 					"stack": {
 						"gap": "var(--global-spacing-4)"
 					}
@@ -32,5 +44,17 @@
 				}
 			}
 		}
+	},
+	"xl-manual-promo-img": {
+		"styles": {
+			"default": {
+				"components": {
+					"link-hover": {
+						"opacity": 0.8
+					}
+				}
+			},
+			"desktop": {}
+		}
 	}
 }
diff --git a/blocks/extra-large-promo-block/_index.scss b/blocks/extra-large-promo-block/_index.scss
index 66929f60b8..f11a8be7de 100644
--- a/blocks/extra-large-promo-block/_index.scss
+++ b/blocks/extra-large-promo-block/_index.scss
@@ -1,6 +1,10 @@
 @use "@wpmedia/arc-themes-components/scss";
 
 .b-xl-promo {
+	&__img {
+		@include scss.block-properties("xl-promo-img");
+		@include scss.block-components("xl-promo-img");
+	}
 	&__icon_label {
 		@include scss.block-components("xl-promo-icon-label");
 		@include scss.block-properties("xl-promo-icon-label");
diff --git a/blocks/extra-large-promo-block/features/extra-large-promo/default.jsx b/blocks/extra-large-promo-block/features/extra-large-promo/default.jsx
index 4f9ebd94d6..e77e71e77c 100644
--- a/blocks/extra-large-promo-block/features/extra-large-promo/default.jsx
+++ b/blocks/extra-large-promo-block/features/extra-large-promo/default.jsx
@@ -94,6 +94,7 @@ export const ExtraLargePromoPresentation = ({
 								) : (
 									<>
 										<Conditional
+											className={`${BLOCK_CLASS_NAME}__img`}
 											component={Link}
 											condition={contentUrl}
 											href={contentUrl}
@@ -289,7 +290,6 @@ const ExtraLargePromo = ({ customFields }) => {
 	}
 
 	const hasOverline = showOverline && overlineText;
-
 	const contentDescription = showDescription ? content?.description?.basic : null;
 	const contentHeading = showHeadline ? content?.headlines?.basic : null;
 	const contentUrl = content?.websites?.[arcSite]?.website_url;
diff --git a/blocks/extra-large-promo-block/themes/news.json b/blocks/extra-large-promo-block/themes/news.json
index 8bc937d928..b7a4e81bd2 100644
--- a/blocks/extra-large-promo-block/themes/news.json
+++ b/blocks/extra-large-promo-block/themes/news.json
@@ -3,12 +3,24 @@
 		"styles": {
 			"default": {
 				"components": {
+					"heading": {
+						"color": "var(--text-color)"
+					},
 					"link": {
 						"font-family": "inherit",
 						"font-size": "inherit",
 						"font-weight": "inherit",
 						"line-height": "inherit"
 					},
+					"link-hover": {
+						"color": "var(--text-color-subtle)"
+					},
+					"overline": {
+						"color": "var(--text-color)"
+					},
+					"overline-hover": {
+						"color": "var(--text-color-subtle)"
+					},
 					"separator": {
 						"padding": "0 var(--global-spacing-2)"
 					},
@@ -73,5 +85,17 @@
 			},
 			"desktop": {}
 		}
+	},
+	"xl-promo-img": {
+		"styles": {
+			"default": {
+				"components": {
+					"link-hover": {
+						"opacity": 0.8
+					}
+				}
+			},
+			"desktop": {}
+		}
 	}
 }
diff --git a/blocks/large-manual-promo-block/_index.scss b/blocks/large-manual-promo-block/_index.scss
index 7449d16174..ebc374dc03 100644
--- a/blocks/large-manual-promo-block/_index.scss
+++ b/blocks/large-manual-promo-block/_index.scss
@@ -1,6 +1,10 @@
 @use "@wpmedia/arc-themes-components/scss";
 
 .b-large-manual-promo {
+	&__img {
+		@include scss.block-properties("large-manual-promo-img");
+		@include scss.block-components("large-manual-promo-img");
+	}
 	&__text {
 		@include scss.block-components("large-manual-promo-text");
 		@include scss.block-properties("large-manual-promo-text");
diff --git a/blocks/large-manual-promo-block/features/large-manual-promo/default.jsx b/blocks/large-manual-promo-block/features/large-manual-promo/default.jsx
index 7241f6b680..4a552ab853 100644
--- a/blocks/large-manual-promo-block/features/large-manual-promo/default.jsx
+++ b/blocks/large-manual-promo-block/features/large-manual-promo/default.jsx
@@ -113,6 +113,7 @@ const LargeManualPromo = ({ customFields }) => {
 							suppressContentEditableWarning
 						>
 							<Conditional
+								className={`${BLOCK_CLASS_NAME}__img`}
 								component={Link}
 								condition={linkURL}
 								href={formatURL(linkURL)}
diff --git a/blocks/large-manual-promo-block/themes/news.json b/blocks/large-manual-promo-block/themes/news.json
index bf1c8ba35b..aa67bb1697 100644
--- a/blocks/large-manual-promo-block/themes/news.json
+++ b/blocks/large-manual-promo-block/themes/news.json
@@ -2,7 +2,12 @@
 	"large-manual-promo": {
 		"styles": {
 			"default": {
-				"gap": "var(--global-spacing-4)"
+				"gap": "var(--global-spacing-4)",
+				"components": {
+					"link-hover": {
+						"color": "var(--text-color-subtle)"
+					}
+				}
 			},
 			"desktop": {
 				"gap": "var(--global-spacing-6)",
@@ -22,10 +27,17 @@
 			"default": {
 				"gap": 0,
 				"components": {
+					"heading": {
+						"color": "var(--text-color)"
+					},
 					"overline": {
+						"color": "var(--text-color)",
 						"font-size": "var(--heading-level-6-font-size)",
 						"line-height": "var(--heading-level-6-line-height)"
 					},
+					"overline-hover": {
+						"color": "var(--text-color-subtle)"
+					},
 					"paragraph": {
 						"font-size": "var(--body-font-size)"
 					},
@@ -43,5 +55,17 @@
 				}
 			}
 		}
+	},
+	"large-manual-promo-img": {
+		"styles": {
+			"default": {
+				"components": {
+					"link-hover": {
+						"opacity": 0.8
+					}
+				}
+			},
+			"desktop": {}
+		}
 	}
 }
diff --git a/blocks/large-promo-block/_index.scss b/blocks/large-promo-block/_index.scss
index 7578955f1e..89852716b3 100644
--- a/blocks/large-promo-block/_index.scss
+++ b/blocks/large-promo-block/_index.scss
@@ -1,6 +1,10 @@
 @use "@wpmedia/arc-themes-components/scss";
 
 .b-large-promo {
+	&__img {
+		@include scss.block-properties("large-promo-img");
+		@include scss.block-components("large-promo-img");
+	}
 	&__text {
 		@include scss.block-components("large-promo-text");
 		@include scss.block-properties("large-promo-text");
diff --git a/blocks/large-promo-block/features/large-promo/default.jsx b/blocks/large-promo-block/features/large-promo/default.jsx
index 8756af879a..d9817f86ca 100644
--- a/blocks/large-promo-block/features/large-promo/default.jsx
+++ b/blocks/large-promo-block/features/large-promo/default.jsx
@@ -75,6 +75,7 @@ export const LargePromoPresentation = ({
 						suppressContentEditableWarning
 					>
 						<Conditional
+							className={`${BLOCK_CLASS_NAME}__img`}
 							component={Link}
 							condition={contentUrl}
 							href={formatURL(contentUrl)}
diff --git a/blocks/large-promo-block/themes/news.json b/blocks/large-promo-block/themes/news.json
index abe1ac5d8c..0de18c964e 100644
--- a/blocks/large-promo-block/themes/news.json
+++ b/blocks/large-promo-block/themes/news.json
@@ -6,6 +6,9 @@
 				"components": {
 					"link": {
 						"position": "relative"
+					},
+					"link-hover": {
+						"color": "var(--text-color-subtle)"
 					}
 				}
 			},
@@ -57,13 +60,18 @@
 				"gap": 0,
 				"components": {
 					"heading": {
+						"color": "var(--text-color)",
 						"font-size": "var(--heading-level-3-font-size)",
 						"line-height": "var(--heading-level-3-line-height)"
 					},
 					"overline": {
+						"color": "var(--text-color)",
 						"font-size": "var(--heading-level-6-font-size)",
 						"line-height": "var(--heading-level-6-line-height)"
 					},
+					"overline-hover": {
+						"color": "var(--text-color-subtle)"
+					},
 					"paragraph": {
 						"font-size": "var(--body-font-size)",
 						"line-height": "var(--body-line-height)"
@@ -85,5 +93,17 @@
 				}
 			}
 		}
+	},
+	"large-promo-img": {
+		"styles": {
+			"default": {
+				"components": {
+					"link-hover": {
+						"opacity": 0.8
+					}
+				}
+			},
+			"desktop": {}
+		}
 	}
 }
diff --git a/blocks/medium-manual-promo-block/_index.scss b/blocks/medium-manual-promo-block/_index.scss
index ebff1a7a95..ac514283e3 100644
--- a/blocks/medium-manual-promo-block/_index.scss
+++ b/blocks/medium-manual-promo-block/_index.scss
@@ -1,6 +1,10 @@
 @use "@wpmedia/arc-themes-components/scss";
 
 .b-medium-manual-promo {
+	&__img {
+		@include scss.block-properties("medium-manual-promo-img");
+		@include scss.block-components("medium-manual-promo-img");
+	}
 	&--show-image {
 		@include scss.block-properties("medium-manual-promo-show-image");
 		@include scss.block-components("medium-manual-promo-show-image");
diff --git a/blocks/medium-manual-promo-block/features/medium-manual-promo/default.jsx b/blocks/medium-manual-promo-block/features/medium-manual-promo/default.jsx
index eb4dd12b7f..2ac3471044 100644
--- a/blocks/medium-manual-promo-block/features/medium-manual-promo/default.jsx
+++ b/blocks/medium-manual-promo-block/features/medium-manual-promo/default.jsx
@@ -99,6 +99,7 @@ const MediumManualPromo = ({ customFields }) => {
 							suppressContentEditableWarning
 						>
 							<Conditional
+								className={`${BLOCK_CLASS_NAME}__img`}
 								component={Link}
 								condition={linkURL}
 								href={formatURL(linkURL)}
diff --git a/blocks/medium-manual-promo-block/themes/news.json b/blocks/medium-manual-promo-block/themes/news.json
index 9a7f18c022..6cb50a1b3b 100644
--- a/blocks/medium-manual-promo-block/themes/news.json
+++ b/blocks/medium-manual-promo-block/themes/news.json
@@ -12,11 +12,15 @@
 						"line-height": "var(--body-line-height-small)"
 					},
 					"heading": {
+						"color": "var(--text-color)",
 						"font-size": "var(--heading-level-5-font-size)",
 						"font-weight": "var(--heading-level-5-font-weight)",
 						"line-height": "var(--heading-level-5-line-height)",
 						"margin-bottom": "var(--global-spacing-4)"
 					},
+					"link-hover": {
+						"color": "var(--text-color-subtle)"
+					},
 					"media-item": {
 						"float": "right",
 						"max-width": "100px"
@@ -63,5 +67,17 @@
 				}
 			}
 		}
+	},
+	"medium-manual-promo-img": {
+		"styles": {
+			"default": {
+				"components": {
+					"link-hover": {
+						"opacity": 0.8
+					}
+				}
+			},
+			"desktop": {}
+		}
 	}
 }
diff --git a/blocks/medium-promo-block/_index.scss b/blocks/medium-promo-block/_index.scss
index 2ae3f732cc..806e3f37e8 100644
--- a/blocks/medium-promo-block/_index.scss
+++ b/blocks/medium-promo-block/_index.scss
@@ -1,6 +1,10 @@
 @use "@wpmedia/arc-themes-components/scss";
 
 .b-medium-promo {
+	&__img {
+		@include scss.block-properties("medium-promo-img");
+		@include scss.block-components("medium-promo-img");
+	}
 	&--show-image {
 		@include scss.block-properties("medium-promo-show-image");
 		@include scss.block-components("medium-promo-show-image");
diff --git a/blocks/medium-promo-block/features/medium-promo/default.jsx b/blocks/medium-promo-block/features/medium-promo/default.jsx
index 16da4f71c4..582a6d863b 100644
--- a/blocks/medium-promo-block/features/medium-promo/default.jsx
+++ b/blocks/medium-promo-block/features/medium-promo/default.jsx
@@ -209,6 +209,7 @@ const MediumPromo = ({ customFields }) => {
 							suppressContentEditableWarning
 						>
 							<Conditional
+								className={`${BLOCK_CLASS_NAME}__img`}
 								component={Link}
 								condition={contentUrl}
 								href={formatURL(contentUrl)}
diff --git a/blocks/medium-promo-block/themes/news.json b/blocks/medium-promo-block/themes/news.json
index 6646dfd406..3d27fb3cd1 100644
--- a/blocks/medium-promo-block/themes/news.json
+++ b/blocks/medium-promo-block/themes/news.json
@@ -55,7 +55,11 @@
 			"default": {
 				"components": {
 					"heading": {
+						"color": "var(--text-color)",
 						"width": "68%"
+					},
+					"link-hover": {
+						"color": "var(--text-color-subtle)"
 					}
 				}
 			},
@@ -109,5 +113,17 @@
 				"display": "inline"
 			}
 		}
+	},
+	"medium-promo-img": {
+		"styles": {
+			"default": {
+				"components": {
+					"link-hover": {
+						"opacity": 0.8
+					}
+				}
+			},
+			"desktop": {}
+		}
 	}
 }
diff --git a/blocks/small-manual-promo-block/_index.scss b/blocks/small-manual-promo-block/_index.scss
index e14ae1bbd0..94f7489e83 100644
--- a/blocks/small-manual-promo-block/_index.scss
+++ b/blocks/small-manual-promo-block/_index.scss
@@ -1,6 +1,10 @@
 @use "@wpmedia/arc-themes-components/scss";
 
 .b-small-manual-promo {
+	&__img {
+		@include scss.block-properties("small-manual-promo-img");
+		@include scss.block-components("small-manual-promo-img");
+	}
 	&--above {
 		@include scss.block-properties("small-manual-promo-above");
 		@include scss.block-components("small-manual-promo-above");
diff --git a/blocks/small-manual-promo-block/features/small-manual-promo/default.jsx b/blocks/small-manual-promo-block/features/small-manual-promo/default.jsx
index 270331c286..5091df7b43 100644
--- a/blocks/small-manual-promo-block/features/small-manual-promo/default.jsx
+++ b/blocks/small-manual-promo-block/features/small-manual-promo/default.jsx
@@ -96,6 +96,7 @@ const SmallManualPromo = ({ customFields }) => {
 		) : null;
 		return showImage && linkURL ? (
 			<Link
+				className={`${BLOCK_CLASS_NAME}__img`}
 				href={formatURL(linkURL)}
 				openInNewTab={newTab}
 				onClick={registerSuccessEvent}
diff --git a/blocks/small-manual-promo-block/themes/news.json b/blocks/small-manual-promo-block/themes/news.json
index eed5fde482..09b6222f85 100644
--- a/blocks/small-manual-promo-block/themes/news.json
+++ b/blocks/small-manual-promo-block/themes/news.json
@@ -7,9 +7,13 @@
 				"grid-template-columns": "1fr",
 				"components": {
 					"heading": {
+						"color": "var(--text-color)",
 						"font-size": "var(--body-font-size)",
 						"font-weight": "var(--body-font-weight)",
 						"line-height": "var(--body-line-height)"
+					},
+					"link-hover": {
+						"color": "var(--text-color-subtle)"
 					}
 				}
 			},
@@ -49,5 +53,17 @@
 			},
 			"desktop": {}
 		}
+	},
+	"small-manual-promo-img": {
+		"styles": {
+			"default": {
+				"components": {
+					"link-hover": {
+						"opacity": 0.8
+					}
+				}
+			},
+			"desktop": {}
+		}
 	}
 }
diff --git a/blocks/small-promo-block/_index.scss b/blocks/small-promo-block/_index.scss
index 685411fdf4..4b0f1b8f6b 100644
--- a/blocks/small-promo-block/_index.scss
+++ b/blocks/small-promo-block/_index.scss
@@ -1,6 +1,10 @@
 @use "@wpmedia/arc-themes-components/scss";
 
 .b-small-promo {
+	&__img {
+		@include scss.block-properties("small-promo-img");
+		@include scss.block-components("small-promo-img");
+	}
 	&--above {
 		@include scss.block-properties("small-promo-above");
 		@include scss.block-components("small-promo-above");
diff --git a/blocks/small-promo-block/features/small-promo/default.jsx b/blocks/small-promo-block/features/small-promo/default.jsx
index 55d4a226b3..5ff5262ae6 100644
--- a/blocks/small-promo-block/features/small-promo/default.jsx
+++ b/blocks/small-promo-block/features/small-promo/default.jsx
@@ -144,6 +144,7 @@ const SmallPromo = ({ customFields }) => {
 
 		return showImage ? (
 			<Conditional
+				className={`${BLOCK_CLASS_NAME}__img`}
 				component={Link}
 				condition={linkURL}
 				href={formatURL(linkURL)}
diff --git a/blocks/small-promo-block/themes/news.json b/blocks/small-promo-block/themes/news.json
index 1dff54197a..d36029187f 100644
--- a/blocks/small-promo-block/themes/news.json
+++ b/blocks/small-promo-block/themes/news.json
@@ -7,9 +7,13 @@
 				"grid-template-columns": "1fr",
 				"components": {
 					"heading": {
+						"color": "var(--text-color)",
 						"font-size": "var(--body-font-size)",
 						"font-weight": "var(--body-font-weight)",
 						"line-height": "var(--body-line-height)"
+					},
+					"link-hover": {
+						"color": "var(--text-color-subtle)"
 					}
 				}
 			},
@@ -33,5 +37,17 @@
 			},
 			"desktop": {}
 		}
+	},
+	"small-promo-img": {
+		"styles": {
+			"default": {
+				"components": {
+					"link-hover": {
+						"opacity": 0.8
+					}
+				}
+			},
+			"desktop": {}
+		}
 	}
 }