diff --git a/.circleci/config.yml b/.circleci/config.yml
index 36c4b200d95..689038a5f01 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -337,7 +337,6 @@ workflows:
             - run_noplatform_tests
             - run_web_tests
             - run_unit_tests
-            - run_cypress_tests
       - publish_canary:
           <<: *only_on_pr_branch
           requires:
diff --git a/packages/article-in-depth/__tests__/web/__snapshots__/article-with-style.web.test.js.snap b/packages/article-in-depth/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
index 8230433a4b4..c62745c4cbc 100644
--- a/packages/article-in-depth/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
+++ b/packages/article-in-depth/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
@@ -277,7 +277,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -289,6 +289,14 @@ exports[`full article with style 1`] = `
   line-height: 21px;
 }
 
+.c42 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c43 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -301,7 +309,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
@@ -309,20 +317,20 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
 .c39 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c42 {
+.c46 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c32 {
@@ -1226,7 +1234,7 @@ exports[`full article with style 1`] = `
             <span
               className="c35"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr
               className="c36"
@@ -1234,7 +1242,7 @@ exports[`full article with style 1`] = `
             <span
               className="c37"
             >
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div
@@ -1246,7 +1254,7 @@ exports[`full article with style 1`] = `
             <a
               className="c40"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -1264,9 +1272,9 @@ exports[`full article with style 1`] = `
             className="c34"
           >
             <span
-              className="c35"
+              className="c42"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr
               className="c36"
@@ -1274,19 +1282,19 @@ exports[`full article with style 1`] = `
             <span
               className="c37"
             >
-              US
+              SPORT
             </span>
           </div>
           <div
             className="c38"
           >
             <img
-              className="c42"
+              className="c39"
             />
             <a
               className="c40"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -1303,6 +1311,9 @@ exports[`full article with style 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
@@ -1321,7 +1332,7 @@ exports[`full article with style 1`] = `
             className="c38"
           >
             <img
-              className="c42"
+              className="c39"
             />
             <a
               className="c40"
@@ -1343,10 +1354,13 @@ exports[`full article with style 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c44"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr
               className="c36"
@@ -1354,19 +1368,19 @@ exports[`full article with style 1`] = `
             <span
               className="c37"
             >
-              SPORT
+              US
             </span>
           </div>
           <div
             className="c38"
           >
             <img
-              className="c42"
+              className="c39"
             />
             <a
               className="c40"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -1383,10 +1397,13 @@ exports[`full article with style 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c45"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr
               className="c36"
@@ -1394,19 +1411,19 @@ exports[`full article with style 1`] = `
             <span
               className="c37"
             >
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div
             className="c38"
           >
             <img
-              className="c42"
+              className="c46"
             />
             <a
               className="c40"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -1692,11 +1709,11 @@ exports[`full article with style in the culture magazine 1`] = `
   align-items: center;
 }
 
-.c44 {
+.c35 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -1708,6 +1725,14 @@ exports[`full article with style in the culture magazine 1`] = `
   line-height: 21px;
 }
 
+.c42 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c43 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -1716,32 +1741,32 @@ exports[`full article with style in the culture magazine 1`] = `
   line-height: 21px;
 }
 
-.c42 {
+.c44 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
-.c35 {
+.c45 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
-.c45 {
+.c39 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c39 {
+.c46 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c32 {
@@ -2723,6 +2748,9 @@ exports[`full article with style in the culture magazine 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
@@ -2763,6 +2791,9 @@ exports[`full article with style in the culture magazine 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c44"
             >
@@ -2803,8 +2834,11 @@ exports[`full article with style in the culture magazine 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
-              className="c44"
+              className="c45"
             >
               PLAY
             </span>
@@ -2821,7 +2855,7 @@ exports[`full article with style in the culture magazine 1`] = `
             className="c38"
           >
             <img
-              className="c45"
+              className="c46"
             />
             <a
               className="c40"
@@ -3116,7 +3150,7 @@ exports[`full article with style in the style magazine 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -3128,6 +3162,14 @@ exports[`full article with style in the style magazine 1`] = `
   line-height: 21px;
 }
 
+.c42 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c43 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -3140,7 +3182,7 @@ exports[`full article with style in the style magazine 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
@@ -3148,20 +3190,20 @@ exports[`full article with style in the style magazine 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
 .c39 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c42 {
+.c46 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c32 {
@@ -4067,7 +4109,7 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c35"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr
               className="c36"
@@ -4075,7 +4117,7 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c37"
             >
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div
@@ -4087,7 +4129,7 @@ exports[`full article with style in the style magazine 1`] = `
             <a
               className="c40"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -4105,9 +4147,9 @@ exports[`full article with style in the style magazine 1`] = `
             className="c34"
           >
             <span
-              className="c35"
+              className="c42"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr
               className="c36"
@@ -4115,19 +4157,19 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c37"
             >
-              US
+              SPORT
             </span>
           </div>
           <div
             className="c38"
           >
             <img
-              className="c42"
+              className="c39"
             />
             <a
               className="c40"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -4144,6 +4186,9 @@ exports[`full article with style in the style magazine 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
@@ -4162,7 +4207,7 @@ exports[`full article with style in the style magazine 1`] = `
             className="c38"
           >
             <img
-              className="c42"
+              className="c39"
             />
             <a
               className="c40"
@@ -4184,10 +4229,13 @@ exports[`full article with style in the style magazine 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c44"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr
               className="c36"
@@ -4195,19 +4243,19 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c37"
             >
-              SPORT
+              US
             </span>
           </div>
           <div
             className="c38"
           >
             <img
-              className="c42"
+              className="c39"
             />
             <a
               className="c40"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -4224,10 +4272,13 @@ exports[`full article with style in the style magazine 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c45"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr
               className="c36"
@@ -4235,19 +4286,19 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c37"
             >
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div
             className="c38"
           >
             <img
-              className="c42"
+              className="c46"
             />
             <a
               className="c40"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -4533,11 +4584,11 @@ exports[`full article with style in the sunday times magazine 1`] = `
   align-items: center;
 }
 
-.c44 {
+.c35 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -4549,6 +4600,14 @@ exports[`full article with style in the sunday times magazine 1`] = `
   line-height: 21px;
 }
 
+.c42 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c43 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -4557,32 +4616,32 @@ exports[`full article with style in the sunday times magazine 1`] = `
   line-height: 21px;
 }
 
-.c42 {
+.c44 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
-.c35 {
+.c45 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
-.c45 {
+.c39 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c39 {
+.c46 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c32 {
@@ -5564,6 +5623,9 @@ exports[`full article with style in the sunday times magazine 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
@@ -5604,6 +5666,9 @@ exports[`full article with style in the sunday times magazine 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c44"
             >
@@ -5644,8 +5709,11 @@ exports[`full article with style in the sunday times magazine 1`] = `
           <div
             className="c34"
           >
+            <svg>
+              <path />
+            </svg>
             <span
-              className="c44"
+              className="c45"
             >
               PLAY
             </span>
@@ -5662,7 +5730,7 @@ exports[`full article with style in the sunday times magazine 1`] = `
             className="c38"
           >
             <img
-              className="c45"
+              className="c46"
             />
             <a
               className="c40"
diff --git a/packages/article-in-depth/__tests__/web/__snapshots__/article.web.test.js.snap b/packages/article-in-depth/__tests__/web/__snapshots__/article.web.test.js.snap
index c96e9ef4c5c..8c70502ef21 100644
--- a/packages/article-in-depth/__tests__/web/__snapshots__/article.web.test.js.snap
+++ b/packages/article-in-depth/__tests__/web/__snapshots__/article.web.test.js.snap
@@ -283,23 +283,23 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#FF5656"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr />
             <span>
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
             <a
-              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -309,23 +309,23 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#007A3F"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr />
             <span>
-              US
+              SPORT
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -334,6 +334,19 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -360,24 +373,37 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
-              color="#007A3F"
+              color="#005C8A"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr />
             <span>
-              SPORT
+              US
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -386,24 +412,35 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#FF5656"
+              color="#DF7334"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
             />
             <a
-              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -749,6 +786,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -775,6 +825,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#005C8A"
             >
@@ -790,7 +853,7 @@ exports[`4. an article with ads with .co.uk 1`] = `
               src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
               Trump used assassination attempt to his advantage
             </a>
@@ -801,8 +864,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#005C8A"
+              color="#DF7334"
             >
               PLAY
             </span>
@@ -1113,23 +1187,23 @@ exports[`5. an article with ads with .com 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#FF5656"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr />
             <span>
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
             <a
-              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -1139,23 +1213,23 @@ exports[`5. an article with ads with .com 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#007A3F"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr />
             <span>
-              US
+              SPORT
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -1164,6 +1238,19 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -1190,24 +1277,37 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
-              color="#007A3F"
+              color="#005C8A"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr />
             <span>
-              SPORT
+              US
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -1216,24 +1316,35 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#FF5656"
+              color="#DF7334"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
             />
             <a
-              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
diff --git a/packages/article-in-depth/__tests__/web/__snapshots__/semantic.web.test.js.snap b/packages/article-in-depth/__tests__/web/__snapshots__/semantic.web.test.js.snap
index 91042a10022..2bace76c990 100644
--- a/packages/article-in-depth/__tests__/web/__snapshots__/semantic.web.test.js.snap
+++ b/packages/article-in-depth/__tests__/web/__snapshots__/semantic.web.test.js.snap
@@ -486,41 +486,51 @@ exports[`1. a full article 1`] = `
     </article>
   </main>
   <span
-    color="#005C8A"
+    color="#FF5656"
   >
-    PLAY
+    HAVE YOUR SAY
   </span>
   <hr />
   <span>
-    PUZZLES
+    89 RECENTLY COMMENTED
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
   />
   <a
-    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
   >
-    Times General Knowledge No 12345
+    'Change has begun': Starmer gives first conference speech'
   </a>
   <hr />
   <span
-    color="#005C8A"
+    color="#007A3F"
   >
-    VIDEO
+    READ MORE
   </span>
   <hr />
   <span>
-    US
+    SPORT
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
   />
   <a
-    href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
   >
-    Trump used assassination attempt to his advantage
+    Rodri could miss rest of season with knee injury
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
     color="#54145D"
   >
@@ -539,40 +549,59 @@ exports[`1. a full article 1`] = `
     Evening Briefing Thursday 26th September
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
-    color="#007A3F"
+    color="#005C8A"
   >
-    READ MORE
+    VIDEO
   </span>
   <hr />
   <span>
-    SPORT
+    US
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
   />
   <a
-    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+    href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
   >
-    Rodri could miss rest of season with knee injury
+    Trump used assassination attempt to his advantage
   </a>
   <hr />
+  <svg
+    height={15}
+    width={15}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="3f00ee739399a5623eac69393855ab8e"
+    />
+  </svg>
   <span
-    color="#FF5656"
+    color="#DF7334"
   >
-    HAVE YOUR SAY
+    PLAY
   </span>
   <hr />
   <span>
-    89 RECENTLY COMMENTED
+    PUZZLES
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
   />
   <a
-    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
   >
-    'Change has begun': Starmer gives first conference speech'
+    Times General Knowledge No 12345
   </a>
   <hr />
 </article>
diff --git a/packages/article-magazine-comment/__tests__/web/__snapshots__/article-with-style.web.test.js.snap b/packages/article-magazine-comment/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
index 6828e298605..d8c67ba483f 100644
--- a/packages/article-magazine-comment/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
+++ b/packages/article-magazine-comment/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
@@ -277,7 +277,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -289,6 +289,14 @@ exports[`full article with style 1`] = `
   line-height: 21px;
 }
 
+.c41 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c42 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -301,7 +309,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
@@ -309,20 +317,20 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
 .c38 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c41 {
+.c45 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c31 {
@@ -393,7 +401,7 @@ exports[`full article with style 1`] = `
   z-index: 1;
 }
 
-.c2 > .c45 {
+.c2 > .c46 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -1247,7 +1255,7 @@ exports[`full article with style 1`] = `
             <span
               className="c34"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr
               className="c35"
@@ -1255,7 +1263,7 @@ exports[`full article with style 1`] = `
             <span
               className="c36"
             >
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div
@@ -1267,7 +1275,7 @@ exports[`full article with style 1`] = `
             <a
               className="c39"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -1285,9 +1293,9 @@ exports[`full article with style 1`] = `
             className="c33"
           >
             <span
-              className="c34"
+              className="c41"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr
               className="c35"
@@ -1295,19 +1303,19 @@ exports[`full article with style 1`] = `
             <span
               className="c36"
             >
-              US
+              SPORT
             </span>
           </div>
           <div
             className="c37"
           >
             <img
-              className="c41"
+              className="c38"
             />
             <a
               className="c39"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -1324,6 +1332,9 @@ exports[`full article with style 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c42"
             >
@@ -1342,7 +1353,7 @@ exports[`full article with style 1`] = `
             className="c37"
           >
             <img
-              className="c41"
+              className="c38"
             />
             <a
               className="c39"
@@ -1364,10 +1375,13 @@ exports[`full article with style 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr
               className="c35"
@@ -1375,19 +1389,19 @@ exports[`full article with style 1`] = `
             <span
               className="c36"
             >
-              SPORT
+              US
             </span>
           </div>
           <div
             className="c37"
           >
             <img
-              className="c41"
+              className="c38"
             />
             <a
               className="c39"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -1404,10 +1418,13 @@ exports[`full article with style 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c44"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr
               className="c35"
@@ -1415,19 +1432,19 @@ exports[`full article with style 1`] = `
             <span
               className="c36"
             >
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div
             className="c37"
           >
             <img
-              className="c41"
+              className="c45"
             />
             <a
               className="c39"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -1713,11 +1730,11 @@ exports[`full article with style in the culture magazine 1`] = `
   align-items: center;
 }
 
-.c43 {
+.c34 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -1729,6 +1746,14 @@ exports[`full article with style in the culture magazine 1`] = `
   line-height: 21px;
 }
 
+.c41 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c42 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -1737,32 +1762,32 @@ exports[`full article with style in the culture magazine 1`] = `
   line-height: 21px;
 }
 
-.c41 {
+.c43 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
-.c34 {
+.c44 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
-.c44 {
+.c38 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c38 {
+.c45 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c31 {
@@ -1833,7 +1858,7 @@ exports[`full article with style in the culture magazine 1`] = `
   z-index: 1;
 }
 
-.c2 > .c45 {
+.c2 > .c46 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -2765,6 +2790,9 @@ exports[`full article with style in the culture magazine 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c42"
             >
@@ -2805,6 +2833,9 @@ exports[`full article with style in the culture magazine 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
@@ -2845,8 +2876,11 @@ exports[`full article with style in the culture magazine 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
-              className="c43"
+              className="c44"
             >
               PLAY
             </span>
@@ -2863,7 +2897,7 @@ exports[`full article with style in the culture magazine 1`] = `
             className="c37"
           >
             <img
-              className="c44"
+              className="c45"
             />
             <a
               className="c39"
@@ -3158,7 +3192,7 @@ exports[`full article with style in the style magazine 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -3170,6 +3204,14 @@ exports[`full article with style in the style magazine 1`] = `
   line-height: 21px;
 }
 
+.c41 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c42 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -3182,7 +3224,7 @@ exports[`full article with style in the style magazine 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
@@ -3190,20 +3232,20 @@ exports[`full article with style in the style magazine 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
 .c38 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c41 {
+.c45 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c31 {
@@ -3274,7 +3316,7 @@ exports[`full article with style in the style magazine 1`] = `
   z-index: 1;
 }
 
-.c2 > .c45 {
+.c2 > .c46 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -4130,7 +4172,7 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c34"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr
               className="c35"
@@ -4138,7 +4180,7 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c36"
             >
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div
@@ -4150,7 +4192,7 @@ exports[`full article with style in the style magazine 1`] = `
             <a
               className="c39"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -4168,9 +4210,9 @@ exports[`full article with style in the style magazine 1`] = `
             className="c33"
           >
             <span
-              className="c34"
+              className="c41"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr
               className="c35"
@@ -4178,19 +4220,19 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c36"
             >
-              US
+              SPORT
             </span>
           </div>
           <div
             className="c37"
           >
             <img
-              className="c41"
+              className="c38"
             />
             <a
               className="c39"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -4207,6 +4249,9 @@ exports[`full article with style in the style magazine 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c42"
             >
@@ -4225,7 +4270,7 @@ exports[`full article with style in the style magazine 1`] = `
             className="c37"
           >
             <img
-              className="c41"
+              className="c38"
             />
             <a
               className="c39"
@@ -4247,10 +4292,13 @@ exports[`full article with style in the style magazine 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr
               className="c35"
@@ -4258,19 +4306,19 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c36"
             >
-              SPORT
+              US
             </span>
           </div>
           <div
             className="c37"
           >
             <img
-              className="c41"
+              className="c38"
             />
             <a
               className="c39"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -4287,10 +4335,13 @@ exports[`full article with style in the style magazine 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c44"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr
               className="c35"
@@ -4298,19 +4349,19 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c36"
             >
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div
             className="c37"
           >
             <img
-              className="c41"
+              className="c45"
             />
             <a
               className="c39"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -4596,11 +4647,11 @@ exports[`full article with style in the sunday times magazine 1`] = `
   align-items: center;
 }
 
-.c43 {
+.c34 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -4612,6 +4663,14 @@ exports[`full article with style in the sunday times magazine 1`] = `
   line-height: 21px;
 }
 
+.c41 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c42 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -4620,32 +4679,32 @@ exports[`full article with style in the sunday times magazine 1`] = `
   line-height: 21px;
 }
 
-.c41 {
+.c43 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
-.c34 {
+.c44 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
-.c44 {
+.c38 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c38 {
+.c45 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c31 {
@@ -4716,7 +4775,7 @@ exports[`full article with style in the sunday times magazine 1`] = `
   z-index: 1;
 }
 
-.c2 > .c45 {
+.c2 > .c46 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -5648,6 +5707,9 @@ exports[`full article with style in the sunday times magazine 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c42"
             >
@@ -5688,6 +5750,9 @@ exports[`full article with style in the sunday times magazine 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
@@ -5728,8 +5793,11 @@ exports[`full article with style in the sunday times magazine 1`] = `
           <div
             className="c33"
           >
+            <svg>
+              <path />
+            </svg>
             <span
-              className="c43"
+              className="c44"
             >
               PLAY
             </span>
@@ -5746,7 +5814,7 @@ exports[`full article with style in the sunday times magazine 1`] = `
             className="c37"
           >
             <img
-              className="c44"
+              className="c45"
             />
             <a
               className="c39"
diff --git a/packages/article-magazine-comment/__tests__/web/__snapshots__/article.web.test.js.snap b/packages/article-magazine-comment/__tests__/web/__snapshots__/article.web.test.js.snap
index e66c025518d..0602e0d0e5c 100644
--- a/packages/article-magazine-comment/__tests__/web/__snapshots__/article.web.test.js.snap
+++ b/packages/article-magazine-comment/__tests__/web/__snapshots__/article.web.test.js.snap
@@ -273,23 +273,23 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#FF5656"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr />
             <span>
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
             <a
-              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -299,23 +299,23 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#007A3F"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr />
             <span>
-              US
+              SPORT
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -324,6 +324,19 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -350,24 +363,37 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
-              color="#007A3F"
+              color="#005C8A"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr />
             <span>
-              SPORT
+              US
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -376,24 +402,35 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#FF5656"
+              color="#DF7334"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
             />
             <a
-              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -729,6 +766,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -755,6 +805,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#005C8A"
             >
@@ -770,7 +833,7 @@ exports[`4. an article with ads with .co.uk 1`] = `
               src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
               Trump used assassination attempt to his advantage
             </a>
@@ -781,8 +844,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#005C8A"
+              color="#DF7334"
             >
               PLAY
             </span>
@@ -1083,23 +1157,23 @@ exports[`5. an article with ads with .com 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#FF5656"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr />
             <span>
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
             <a
-              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -1109,23 +1183,23 @@ exports[`5. an article with ads with .com 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#007A3F"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr />
             <span>
-              US
+              SPORT
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -1134,6 +1208,19 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -1160,24 +1247,37 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
-              color="#007A3F"
+              color="#005C8A"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr />
             <span>
-              SPORT
+              US
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -1186,24 +1286,35 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#FF5656"
+              color="#DF7334"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
             />
             <a
-              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -1555,6 +1666,19 @@ exports[`8. an article with no author 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -1581,6 +1705,19 @@ exports[`8. an article with no author 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#005C8A"
             >
@@ -1596,7 +1733,7 @@ exports[`8. an article with no author 1`] = `
               src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
               Trump used assassination attempt to his advantage
             </a>
@@ -1607,8 +1744,19 @@ exports[`8. an article with no author 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#005C8A"
+              color="#DF7334"
             >
               PLAY
             </span>
diff --git a/packages/article-magazine-comment/__tests__/web/__snapshots__/semantic.web.test.js.snap b/packages/article-magazine-comment/__tests__/web/__snapshots__/semantic.web.test.js.snap
index 02e4460d1fd..a4a9e4dae8e 100644
--- a/packages/article-magazine-comment/__tests__/web/__snapshots__/semantic.web.test.js.snap
+++ b/packages/article-magazine-comment/__tests__/web/__snapshots__/semantic.web.test.js.snap
@@ -491,41 +491,51 @@ exports[`1. a full article 1`] = `
     </article>
   </main>
   <span
-    color="#005C8A"
+    color="#FF5656"
   >
-    PLAY
+    HAVE YOUR SAY
   </span>
   <hr />
   <span>
-    PUZZLES
+    89 RECENTLY COMMENTED
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
   />
   <a
-    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
   >
-    Times General Knowledge No 12345
+    'Change has begun': Starmer gives first conference speech'
   </a>
   <hr />
   <span
-    color="#005C8A"
+    color="#007A3F"
   >
-    VIDEO
+    READ MORE
   </span>
   <hr />
   <span>
-    US
+    SPORT
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
   />
   <a
-    href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
   >
-    Trump used assassination attempt to his advantage
+    Rodri could miss rest of season with knee injury
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
     color="#54145D"
   >
@@ -544,40 +554,59 @@ exports[`1. a full article 1`] = `
     Evening Briefing Thursday 26th September
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
-    color="#007A3F"
+    color="#005C8A"
   >
-    READ MORE
+    VIDEO
   </span>
   <hr />
   <span>
-    SPORT
+    US
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
   />
   <a
-    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+    href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
   >
-    Rodri could miss rest of season with knee injury
+    Trump used assassination attempt to his advantage
   </a>
   <hr />
+  <svg
+    height={15}
+    width={15}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="3f00ee739399a5623eac69393855ab8e"
+    />
+  </svg>
   <span
-    color="#FF5656"
+    color="#DF7334"
   >
-    HAVE YOUR SAY
+    PLAY
   </span>
   <hr />
   <span>
-    89 RECENTLY COMMENTED
+    PUZZLES
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
   />
   <a
-    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
   >
-    'Change has begun': Starmer gives first conference speech'
+    Times General Knowledge No 12345
   </a>
   <hr />
 </article>
diff --git a/packages/article-magazine-standard/__tests__/web/__snapshots__/article-with-style.web.test.js.snap b/packages/article-magazine-standard/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
index 83b3d11fe18..b5509da616f 100644
--- a/packages/article-magazine-standard/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
+++ b/packages/article-magazine-standard/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
@@ -277,7 +277,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -289,6 +289,14 @@ exports[`full article with style 1`] = `
   line-height: 21px;
 }
 
+.c40 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c41 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -301,7 +309,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
@@ -309,20 +317,20 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
 .c37 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c40 {
+.c44 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c30 {
@@ -393,7 +401,7 @@ exports[`full article with style 1`] = `
   z-index: 1;
 }
 
-.c2 > .c44 {
+.c2 > .c45 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -1169,7 +1177,7 @@ exports[`full article with style 1`] = `
             <span
               className="c33"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr
               className="c34"
@@ -1177,7 +1185,7 @@ exports[`full article with style 1`] = `
             <span
               className="c35"
             >
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div
@@ -1189,7 +1197,7 @@ exports[`full article with style 1`] = `
             <a
               className="c38"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -1207,9 +1215,9 @@ exports[`full article with style 1`] = `
             className="c32"
           >
             <span
-              className="c33"
+              className="c40"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr
               className="c34"
@@ -1217,19 +1225,19 @@ exports[`full article with style 1`] = `
             <span
               className="c35"
             >
-              US
+              SPORT
             </span>
           </div>
           <div
             className="c36"
           >
             <img
-              className="c40"
+              className="c37"
             />
             <a
               className="c38"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -1246,6 +1254,9 @@ exports[`full article with style 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c41"
             >
@@ -1264,7 +1275,7 @@ exports[`full article with style 1`] = `
             className="c36"
           >
             <img
-              className="c40"
+              className="c37"
             />
             <a
               className="c38"
@@ -1286,10 +1297,13 @@ exports[`full article with style 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c42"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr
               className="c34"
@@ -1297,19 +1311,19 @@ exports[`full article with style 1`] = `
             <span
               className="c35"
             >
-              SPORT
+              US
             </span>
           </div>
           <div
             className="c36"
           >
             <img
-              className="c40"
+              className="c37"
             />
             <a
               className="c38"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -1326,10 +1340,13 @@ exports[`full article with style 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr
               className="c34"
@@ -1337,19 +1354,19 @@ exports[`full article with style 1`] = `
             <span
               className="c35"
             >
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div
             className="c36"
           >
             <img
-              className="c40"
+              className="c44"
             />
             <a
               className="c38"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -1635,11 +1652,11 @@ exports[`full article with style in the culture magazine 1`] = `
   align-items: center;
 }
 
-.c42 {
+.c33 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -1651,6 +1668,14 @@ exports[`full article with style in the culture magazine 1`] = `
   line-height: 21px;
 }
 
+.c40 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c41 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -1659,32 +1684,32 @@ exports[`full article with style in the culture magazine 1`] = `
   line-height: 21px;
 }
 
-.c40 {
+.c42 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
-.c33 {
+.c43 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
-.c43 {
+.c37 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c37 {
+.c44 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c30 {
@@ -1755,7 +1780,7 @@ exports[`full article with style in the culture magazine 1`] = `
   z-index: 1;
 }
 
-.c2 > .c44 {
+.c2 > .c45 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -2609,6 +2634,9 @@ exports[`full article with style in the culture magazine 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c41"
             >
@@ -2649,6 +2677,9 @@ exports[`full article with style in the culture magazine 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c42"
             >
@@ -2689,8 +2720,11 @@ exports[`full article with style in the culture magazine 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
-              className="c42"
+              className="c43"
             >
               PLAY
             </span>
@@ -2707,7 +2741,7 @@ exports[`full article with style in the culture magazine 1`] = `
             className="c36"
           >
             <img
-              className="c43"
+              className="c44"
             />
             <a
               className="c38"
@@ -3002,7 +3036,7 @@ exports[`full article with style in the style magazine 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -3014,6 +3048,14 @@ exports[`full article with style in the style magazine 1`] = `
   line-height: 21px;
 }
 
+.c40 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c41 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -3026,7 +3068,7 @@ exports[`full article with style in the style magazine 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
@@ -3034,20 +3076,20 @@ exports[`full article with style in the style magazine 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
 .c37 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c40 {
+.c44 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c30 {
@@ -3118,7 +3160,7 @@ exports[`full article with style in the style magazine 1`] = `
   z-index: 1;
 }
 
-.c2 > .c44 {
+.c2 > .c45 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -3896,7 +3938,7 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c33"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr
               className="c34"
@@ -3904,7 +3946,7 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c35"
             >
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div
@@ -3916,7 +3958,7 @@ exports[`full article with style in the style magazine 1`] = `
             <a
               className="c38"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -3934,9 +3976,9 @@ exports[`full article with style in the style magazine 1`] = `
             className="c32"
           >
             <span
-              className="c33"
+              className="c40"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr
               className="c34"
@@ -3944,19 +3986,19 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c35"
             >
-              US
+              SPORT
             </span>
           </div>
           <div
             className="c36"
           >
             <img
-              className="c40"
+              className="c37"
             />
             <a
               className="c38"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -3973,6 +4015,9 @@ exports[`full article with style in the style magazine 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c41"
             >
@@ -3991,7 +4036,7 @@ exports[`full article with style in the style magazine 1`] = `
             className="c36"
           >
             <img
-              className="c40"
+              className="c37"
             />
             <a
               className="c38"
@@ -4013,10 +4058,13 @@ exports[`full article with style in the style magazine 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c42"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr
               className="c34"
@@ -4024,19 +4072,19 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c35"
             >
-              SPORT
+              US
             </span>
           </div>
           <div
             className="c36"
           >
             <img
-              className="c40"
+              className="c37"
             />
             <a
               className="c38"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -4053,10 +4101,13 @@ exports[`full article with style in the style magazine 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr
               className="c34"
@@ -4064,19 +4115,19 @@ exports[`full article with style in the style magazine 1`] = `
             <span
               className="c35"
             >
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div
             className="c36"
           >
             <img
-              className="c40"
+              className="c44"
             />
             <a
               className="c38"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -4362,11 +4413,11 @@ exports[`full article with style in the sunday times magazine 1`] = `
   align-items: center;
 }
 
-.c42 {
+.c33 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -4378,6 +4429,14 @@ exports[`full article with style in the sunday times magazine 1`] = `
   line-height: 21px;
 }
 
+.c40 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c41 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -4386,32 +4445,32 @@ exports[`full article with style in the sunday times magazine 1`] = `
   line-height: 21px;
 }
 
-.c40 {
+.c42 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
-.c33 {
+.c43 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
-.c43 {
+.c37 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c37 {
+.c44 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c30 {
@@ -4482,7 +4541,7 @@ exports[`full article with style in the sunday times magazine 1`] = `
   z-index: 1;
 }
 
-.c2 > .c44 {
+.c2 > .c45 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -5336,6 +5395,9 @@ exports[`full article with style in the sunday times magazine 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c41"
             >
@@ -5376,6 +5438,9 @@ exports[`full article with style in the sunday times magazine 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c42"
             >
@@ -5416,8 +5481,11 @@ exports[`full article with style in the sunday times magazine 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
-              className="c42"
+              className="c43"
             >
               PLAY
             </span>
@@ -5434,7 +5502,7 @@ exports[`full article with style in the sunday times magazine 1`] = `
             className="c36"
           >
             <img
-              className="c43"
+              className="c44"
             />
             <a
               className="c38"
diff --git a/packages/article-magazine-standard/__tests__/web/__snapshots__/article.web.test.js.snap b/packages/article-magazine-standard/__tests__/web/__snapshots__/article.web.test.js.snap
index 4e5de545371..ed0372b9579 100644
--- a/packages/article-magazine-standard/__tests__/web/__snapshots__/article.web.test.js.snap
+++ b/packages/article-magazine-standard/__tests__/web/__snapshots__/article.web.test.js.snap
@@ -286,23 +286,23 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#FF5656"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr />
             <span>
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
             <a
-              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -312,23 +312,23 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#007A3F"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr />
             <span>
-              US
+              SPORT
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -337,6 +337,19 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -363,24 +376,37 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
-              color="#007A3F"
+              color="#005C8A"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr />
             <span>
-              SPORT
+              US
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -389,24 +415,35 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#FF5656"
+              color="#DF7334"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
             />
             <a
-              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -755,6 +792,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -781,6 +831,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#005C8A"
             >
@@ -796,7 +859,7 @@ exports[`4. an article with ads with .co.uk 1`] = `
               src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
               Trump used assassination attempt to his advantage
             </a>
@@ -807,8 +870,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#005C8A"
+              color="#DF7334"
             >
               PLAY
             </span>
@@ -1122,23 +1196,23 @@ exports[`5. an article with ads with .com 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#FF5656"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr />
             <span>
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
             <a
-              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -1148,23 +1222,23 @@ exports[`5. an article with ads with .com 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#007A3F"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr />
             <span>
-              US
+              SPORT
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -1173,6 +1247,19 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -1199,24 +1286,37 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
-              color="#007A3F"
+              color="#005C8A"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr />
             <span>
-              SPORT
+              US
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -1225,24 +1325,35 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#FF5656"
+              color="#DF7334"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
             />
             <a
-              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
diff --git a/packages/article-magazine-standard/__tests__/web/__snapshots__/semantic.web.test.js.snap b/packages/article-magazine-standard/__tests__/web/__snapshots__/semantic.web.test.js.snap
index cbb669ddfcc..81a4f6b19a2 100644
--- a/packages/article-magazine-standard/__tests__/web/__snapshots__/semantic.web.test.js.snap
+++ b/packages/article-magazine-standard/__tests__/web/__snapshots__/semantic.web.test.js.snap
@@ -491,41 +491,51 @@ exports[`1. a full article 1`] = `
     </article>
   </main>
   <span
-    color="#005C8A"
+    color="#FF5656"
   >
-    PLAY
+    HAVE YOUR SAY
   </span>
   <hr />
   <span>
-    PUZZLES
+    89 RECENTLY COMMENTED
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
   />
   <a
-    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
   >
-    Times General Knowledge No 12345
+    'Change has begun': Starmer gives first conference speech'
   </a>
   <hr />
   <span
-    color="#005C8A"
+    color="#007A3F"
   >
-    VIDEO
+    READ MORE
   </span>
   <hr />
   <span>
-    US
+    SPORT
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
   />
   <a
-    href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
   >
-    Trump used assassination attempt to his advantage
+    Rodri could miss rest of season with knee injury
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
     color="#54145D"
   >
@@ -544,40 +554,59 @@ exports[`1. a full article 1`] = `
     Evening Briefing Thursday 26th September
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
-    color="#007A3F"
+    color="#005C8A"
   >
-    READ MORE
+    VIDEO
   </span>
   <hr />
   <span>
-    SPORT
+    US
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
   />
   <a
-    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+    href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
   >
-    Rodri could miss rest of season with knee injury
+    Trump used assassination attempt to his advantage
   </a>
   <hr />
+  <svg
+    height={15}
+    width={15}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="3f00ee739399a5623eac69393855ab8e"
+    />
+  </svg>
   <span
-    color="#FF5656"
+    color="#DF7334"
   >
-    HAVE YOUR SAY
+    PLAY
   </span>
   <hr />
   <span>
-    89 RECENTLY COMMENTED
+    PUZZLES
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
   />
   <a
-    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
   >
-    'Change has begun': Starmer gives first conference speech'
+    Times General Knowledge No 12345
   </a>
   <hr />
 </article>
diff --git a/packages/article-main-comment/__tests__/web/__snapshots__/article-with-style.web.test.js.snap b/packages/article-main-comment/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
index b8d90629f28..8a63f94601a 100644
--- a/packages/article-main-comment/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
+++ b/packages/article-main-comment/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
@@ -277,7 +277,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -289,6 +289,14 @@ exports[`full article with style 1`] = `
   line-height: 21px;
 }
 
+.c40 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c41 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -301,7 +309,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
@@ -309,20 +317,20 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
 .c37 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c40 {
+.c44 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c30 {
@@ -393,7 +401,7 @@ exports[`full article with style 1`] = `
   z-index: 1;
 }
 
-.c2 > .c44 {
+.c2 > .c45 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -1183,7 +1191,7 @@ exports[`full article with style 1`] = `
             <span
               className="c33"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr
               className="c34"
@@ -1191,7 +1199,7 @@ exports[`full article with style 1`] = `
             <span
               className="c35"
             >
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div
@@ -1203,7 +1211,7 @@ exports[`full article with style 1`] = `
             <a
               className="c38"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -1221,9 +1229,9 @@ exports[`full article with style 1`] = `
             className="c32"
           >
             <span
-              className="c33"
+              className="c40"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr
               className="c34"
@@ -1231,19 +1239,19 @@ exports[`full article with style 1`] = `
             <span
               className="c35"
             >
-              US
+              SPORT
             </span>
           </div>
           <div
             className="c36"
           >
             <img
-              className="c40"
+              className="c37"
             />
             <a
               className="c38"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -1260,6 +1268,9 @@ exports[`full article with style 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c41"
             >
@@ -1278,7 +1289,7 @@ exports[`full article with style 1`] = `
             className="c36"
           >
             <img
-              className="c40"
+              className="c37"
             />
             <a
               className="c38"
@@ -1300,10 +1311,13 @@ exports[`full article with style 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c42"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr
               className="c34"
@@ -1311,19 +1325,19 @@ exports[`full article with style 1`] = `
             <span
               className="c35"
             >
-              SPORT
+              US
             </span>
           </div>
           <div
             className="c36"
           >
             <img
-              className="c40"
+              className="c37"
             />
             <a
               className="c38"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -1340,10 +1354,13 @@ exports[`full article with style 1`] = `
           <div
             className="c32"
           >
+            <svg>
+              <path />
+            </svg>
             <span
               className="c43"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr
               className="c34"
@@ -1351,19 +1368,19 @@ exports[`full article with style 1`] = `
             <span
               className="c35"
             >
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div
             className="c36"
           >
             <img
-              className="c40"
+              className="c44"
             />
             <a
               className="c38"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
diff --git a/packages/article-main-comment/__tests__/web/__snapshots__/article.web.test.js.snap b/packages/article-main-comment/__tests__/web/__snapshots__/article.web.test.js.snap
index 021817fba45..9777434106c 100644
--- a/packages/article-main-comment/__tests__/web/__snapshots__/article.web.test.js.snap
+++ b/packages/article-main-comment/__tests__/web/__snapshots__/article.web.test.js.snap
@@ -258,23 +258,23 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#FF5656"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr />
             <span>
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
             <a
-              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -284,23 +284,23 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#007A3F"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr />
             <span>
-              US
+              SPORT
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -309,6 +309,19 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -335,24 +348,37 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
-              color="#007A3F"
+              color="#005C8A"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr />
             <span>
-              SPORT
+              US
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -361,24 +387,35 @@ exports[`3. an article with no headline falls back to use shortheadline 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#FF5656"
+              color="#DF7334"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
             />
             <a
-              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -699,6 +736,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -725,6 +775,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#005C8A"
             >
@@ -740,7 +803,7 @@ exports[`4. an article with ads with .co.uk 1`] = `
               src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
               Trump used assassination attempt to his advantage
             </a>
@@ -751,8 +814,19 @@ exports[`4. an article with ads with .co.uk 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#005C8A"
+              color="#DF7334"
             >
               PLAY
             </span>
@@ -1038,23 +1112,23 @@ exports[`5. an article with ads with .com 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#FF5656"
             >
-              PLAY
+              HAVE YOUR SAY
             </span>
             <hr />
             <span>
-              PUZZLES
+              89 RECENTLY COMMENTED
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
             <a
-              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
             >
-              Times General Knowledge No 12345
+              'Change has begun': Starmer gives first conference speech'
             </a>
           </div>
         </div>
@@ -1064,23 +1138,23 @@ exports[`5. an article with ads with .com 1`] = `
         <div>
           <div>
             <span
-              color="#005C8A"
+              color="#007A3F"
             >
-              VIDEO
+              READ MORE
             </span>
             <hr />
             <span>
-              US
+              SPORT
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
             >
-              Trump used assassination attempt to his advantage
+              Rodri could miss rest of season with knee injury
             </a>
           </div>
         </div>
@@ -1089,6 +1163,19 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -1115,24 +1202,37 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
-              color="#007A3F"
+              color="#005C8A"
             >
-              READ MORE
+              VIDEO
             </span>
             <hr />
             <span>
-              SPORT
+              US
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
-              Rodri could miss rest of season with knee injury
+              Trump used assassination attempt to his advantage
             </a>
           </div>
         </div>
@@ -1141,24 +1241,35 @@ exports[`5. an article with ads with .com 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#FF5656"
+              color="#DF7334"
             >
-              HAVE YOUR SAY
+              PLAY
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              PUZZLES
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
             />
             <a
-              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
             >
-              'Change has begun': Starmer gives first conference speech'
+              Times General Knowledge No 12345
             </a>
           </div>
         </div>
@@ -1544,6 +1655,19 @@ exports[`6. an article with puzzle sidebar 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#54145D"
             >
@@ -1570,6 +1694,19 @@ exports[`6. an article with puzzle sidebar 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
             <span
               color="#005C8A"
             >
@@ -1585,7 +1722,7 @@ exports[`6. an article with puzzle sidebar 1`] = `
               src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
             <a
-              href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
             >
               Trump used assassination attempt to his advantage
             </a>
@@ -1596,8 +1733,19 @@ exports[`6. an article with puzzle sidebar 1`] = `
       <div>
         <div>
           <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
             <span
-              color="#005C8A"
+              color="#DF7334"
             >
               PLAY
             </span>
diff --git a/packages/article-main-comment/__tests__/web/__snapshots__/semantic.web.test.js.snap b/packages/article-main-comment/__tests__/web/__snapshots__/semantic.web.test.js.snap
index 76ba6973603..6c1133b382c 100644
--- a/packages/article-main-comment/__tests__/web/__snapshots__/semantic.web.test.js.snap
+++ b/packages/article-main-comment/__tests__/web/__snapshots__/semantic.web.test.js.snap
@@ -480,41 +480,51 @@ exports[`1. a full article 1`] = `
     </article>
   </main>
   <span
-    color="#005C8A"
+    color="#FF5656"
   >
-    PLAY
+    HAVE YOUR SAY
   </span>
   <hr />
   <span>
-    PUZZLES
+    89 RECENTLY COMMENTED
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
   />
   <a
-    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
   >
-    Times General Knowledge No 12345
+    'Change has begun': Starmer gives first conference speech'
   </a>
   <hr />
   <span
-    color="#005C8A"
+    color="#007A3F"
   >
-    VIDEO
+    READ MORE
   </span>
   <hr />
   <span>
-    US
+    SPORT
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
   />
   <a
-    href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
   >
-    Trump used assassination attempt to his advantage
+    Rodri could miss rest of season with knee injury
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
     color="#54145D"
   >
@@ -533,40 +543,59 @@ exports[`1. a full article 1`] = `
     Evening Briefing Thursday 26th September
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
-    color="#007A3F"
+    color="#005C8A"
   >
-    READ MORE
+    VIDEO
   </span>
   <hr />
   <span>
-    SPORT
+    US
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
   />
   <a
-    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+    href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
   >
-    Rodri could miss rest of season with knee injury
+    Trump used assassination attempt to his advantage
   </a>
   <hr />
+  <svg
+    height={15}
+    width={15}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="3f00ee739399a5623eac69393855ab8e"
+    />
+  </svg>
   <span
-    color="#FF5656"
+    color="#DF7334"
   >
-    HAVE YOUR SAY
+    PLAY
   </span>
   <hr />
   <span>
-    89 RECENTLY COMMENTED
+    PUZZLES
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
   />
   <a
-    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
   >
-    'Change has begun': Starmer gives first conference speech'
+    Times General Knowledge No 12345
   </a>
   <hr />
 </article>
diff --git a/packages/article-main-standard/__tests__/web/__snapshots__/article-with-style.web.test.js.snap b/packages/article-main-standard/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
index f7f37a7cb0a..396bf579bab 100644
--- a/packages/article-main-standard/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
+++ b/packages/article-main-standard/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
@@ -277,7 +277,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #005C8A;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -289,6 +289,14 @@ exports[`full article with style 1`] = `
   line-height: 21px;
 }
 
+.c40 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
 .c41 {
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
@@ -301,7 +309,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #005C8A;
   line-height: 21px;
 }
 
@@ -309,20 +317,20 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #FF5656;
+  color: #DF7334;
   line-height: 21px;
 }
 
 .c37 {
   width: 40px;
   height: 40px;
-  border-radius: 0;
+  border-radius: 50%;
 }
 
-.c40 {
+.c44 {
   width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 0;
 }
 
 .c30 {
@@ -1160,7 +1168,7 @@ exports[`full article with style 1`] = `
               <span
                 className="c33"
               >
-                PLAY
+                HAVE YOUR SAY
               </span>
               <hr
                 className="c34"
@@ -1168,7 +1176,7 @@ exports[`full article with style 1`] = `
               <span
                 className="c35"
               >
-                PUZZLES
+                89 RECENTLY COMMENTED
               </span>
             </div>
             <div
@@ -1180,7 +1188,7 @@ exports[`full article with style 1`] = `
               <a
                 className="c38"
               >
-                Times General Knowledge No 12345
+                'Change has begun': Starmer gives first conference speech'
               </a>
             </div>
           </div>
@@ -1198,9 +1206,9 @@ exports[`full article with style 1`] = `
               className="c32"
             >
               <span
-                className="c33"
+                className="c40"
               >
-                VIDEO
+                READ MORE
               </span>
               <hr
                 className="c34"
@@ -1208,19 +1216,19 @@ exports[`full article with style 1`] = `
               <span
                 className="c35"
               >
-                US
+                SPORT
               </span>
             </div>
             <div
               className="c36"
             >
               <img
-                className="c40"
+                className="c37"
               />
               <a
                 className="c38"
               >
-                Trump used assassination attempt to his advantage
+                Rodri could miss rest of season with knee injury
               </a>
             </div>
           </div>
@@ -1237,6 +1245,9 @@ exports[`full article with style 1`] = `
             <div
               className="c32"
             >
+              <svg>
+                <path />
+              </svg>
               <span
                 className="c41"
               >
@@ -1255,7 +1266,7 @@ exports[`full article with style 1`] = `
               className="c36"
             >
               <img
-                className="c40"
+                className="c37"
               />
               <a
                 className="c38"
@@ -1277,10 +1288,13 @@ exports[`full article with style 1`] = `
             <div
               className="c32"
             >
+              <svg>
+                <path />
+              </svg>
               <span
                 className="c42"
               >
-                READ MORE
+                VIDEO
               </span>
               <hr
                 className="c34"
@@ -1288,19 +1302,19 @@ exports[`full article with style 1`] = `
               <span
                 className="c35"
               >
-                SPORT
+                US
               </span>
             </div>
             <div
               className="c36"
             >
               <img
-                className="c40"
+                className="c37"
               />
               <a
                 className="c38"
               >
-                Rodri could miss rest of season with knee injury
+                Trump used assassination attempt to his advantage
               </a>
             </div>
           </div>
@@ -1317,10 +1331,13 @@ exports[`full article with style 1`] = `
             <div
               className="c32"
             >
+              <svg>
+                <path />
+              </svg>
               <span
                 className="c43"
               >
-                HAVE YOUR SAY
+                PLAY
               </span>
               <hr
                 className="c34"
@@ -1328,19 +1345,19 @@ exports[`full article with style 1`] = `
               <span
                 className="c35"
               >
-                89 RECENTLY COMMENTED
+                PUZZLES
               </span>
             </div>
             <div
               className="c36"
             >
               <img
-                className="c40"
+                className="c44"
               />
               <a
                 className="c38"
               >
-                'Change has begun': Starmer gives first conference speech'
+                Times General Knowledge No 12345
               </a>
             </div>
           </div>
diff --git a/packages/article-main-standard/__tests__/web/__snapshots__/article.web.test.js.snap b/packages/article-main-standard/__tests__/web/__snapshots__/article.web.test.js.snap
index 7f11a520b26..8761131cb98 100644
--- a/packages/article-main-standard/__tests__/web/__snapshots__/article.web.test.js.snap
+++ b/packages/article-main-standard/__tests__/web/__snapshots__/article.web.test.js.snap
@@ -320,23 +320,23 @@ exports[`1. an article 1`] = `
           <div>
             <div>
               <span
-                color="#005C8A"
+                color="#FF5656"
               >
-                PLAY
+                HAVE YOUR SAY
               </span>
               <hr />
               <span>
-                PUZZLES
+                89 RECENTLY COMMENTED
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+                src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
               />
               <a
-                href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+                href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
               >
-                Times General Knowledge No 12345
+                'Change has begun': Starmer gives first conference speech'
               </a>
             </div>
           </div>
@@ -346,23 +346,23 @@ exports[`1. an article 1`] = `
           <div>
             <div>
               <span
-                color="#005C8A"
+                color="#007A3F"
               >
-                VIDEO
+                READ MORE
               </span>
               <hr />
               <span>
-                US
+                SPORT
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+                src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
               />
               <a
-                href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+                href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
               >
-                Trump used assassination attempt to his advantage
+                Rodri could miss rest of season with knee injury
               </a>
             </div>
           </div>
@@ -371,6 +371,19 @@ exports[`1. an article 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#54145D"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#54145D"
               >
@@ -397,24 +410,37 @@ exports[`1. an article 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#005C8A"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
-                color="#007A3F"
+                color="#005C8A"
               >
-                READ MORE
+                VIDEO
               </span>
               <hr />
               <span>
-                SPORT
+                US
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+                src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
               />
               <a
-                href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+                href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
               >
-                Rodri could miss rest of season with knee injury
+                Trump used assassination attempt to his advantage
               </a>
             </div>
           </div>
@@ -423,24 +449,35 @@ exports[`1. an article 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                  fill="#DF7334"
+                />
+              </svg>
               <span
-                color="#FF5656"
+                color="#DF7334"
               >
-                HAVE YOUR SAY
+                PLAY
               </span>
               <hr />
               <span>
-                89 RECENTLY COMMENTED
+                PUZZLES
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+                src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
               />
               <a
-                href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+                href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
               >
-                'Change has begun': Starmer gives first conference speech'
+                Times General Knowledge No 12345
               </a>
             </div>
           </div>
@@ -668,6 +705,19 @@ exports[`4. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#54145D"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#54145D"
               >
@@ -694,6 +744,19 @@ exports[`4. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#005C8A"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#005C8A"
               >
@@ -709,7 +772,7 @@ exports[`4. an article with no headline falls back to use shortheadline 1`] = `
                 src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
               />
               <a
-                href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+                href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
               >
                 Trump used assassination attempt to his advantage
               </a>
@@ -720,8 +783,19 @@ exports[`4. an article with no headline falls back to use shortheadline 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                  fill="#DF7334"
+                />
+              </svg>
               <span
-                color="#005C8A"
+                color="#DF7334"
               >
                 PLAY
               </span>
@@ -915,23 +989,23 @@ exports[`5. an article with ads 1`] = `
           <div>
             <div>
               <span
-                color="#005C8A"
+                color="#FF5656"
               >
-                PLAY
+                HAVE YOUR SAY
               </span>
               <hr />
               <span>
-                PUZZLES
+                89 RECENTLY COMMENTED
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+                src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
               />
               <a
-                href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+                href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
               >
-                Times General Knowledge No 12345
+                'Change has begun': Starmer gives first conference speech'
               </a>
             </div>
           </div>
@@ -941,23 +1015,23 @@ exports[`5. an article with ads 1`] = `
           <div>
             <div>
               <span
-                color="#005C8A"
+                color="#007A3F"
               >
-                VIDEO
+                READ MORE
               </span>
               <hr />
               <span>
-                US
+                SPORT
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+                src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
               />
               <a
-                href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+                href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
               >
-                Trump used assassination attempt to his advantage
+                Rodri could miss rest of season with knee injury
               </a>
             </div>
           </div>
@@ -966,6 +1040,19 @@ exports[`5. an article with ads 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#54145D"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#54145D"
               >
@@ -992,24 +1079,37 @@ exports[`5. an article with ads 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#005C8A"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
-                color="#007A3F"
+                color="#005C8A"
               >
-                READ MORE
+                VIDEO
               </span>
               <hr />
               <span>
-                SPORT
+                US
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+                src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
               />
               <a
-                href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+                href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
               >
-                Rodri could miss rest of season with knee injury
+                Trump used assassination attempt to his advantage
               </a>
             </div>
           </div>
@@ -1018,24 +1118,35 @@ exports[`5. an article with ads 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                  fill="#DF7334"
+                />
+              </svg>
               <span
-                color="#FF5656"
+                color="#DF7334"
               >
-                HAVE YOUR SAY
+                PLAY
               </span>
               <hr />
               <span>
-                89 RECENTLY COMMENTED
+                PUZZLES
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+                src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
               />
               <a
-                href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+                href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
               >
-                'Change has begun': Starmer gives first conference speech'
+                Times General Knowledge No 12345
               </a>
             </div>
           </div>
@@ -1329,6 +1440,19 @@ exports[`6. an article with puzzle sidebar 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#54145D"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#54145D"
               >
@@ -1355,6 +1479,19 @@ exports[`6. an article with puzzle sidebar 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#005C8A"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#005C8A"
               >
@@ -1370,7 +1507,7 @@ exports[`6. an article with puzzle sidebar 1`] = `
                 src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
               />
               <a
-                href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+                href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
               >
                 Trump used assassination attempt to his advantage
               </a>
@@ -1381,8 +1518,19 @@ exports[`6. an article with puzzle sidebar 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                  fill="#DF7334"
+                />
+              </svg>
               <span
-                color="#005C8A"
+                color="#DF7334"
               >
                 PLAY
               </span>
@@ -1793,6 +1941,19 @@ exports[`7. should show topics when logged in or shared 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#54145D"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#54145D"
               >
@@ -1819,6 +1980,19 @@ exports[`7. should show topics when logged in or shared 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#005C8A"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#005C8A"
               >
@@ -1834,7 +2008,7 @@ exports[`7. should show topics when logged in or shared 1`] = `
                 src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
               />
               <a
-                href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+                href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
               >
                 Trump used assassination attempt to his advantage
               </a>
@@ -1845,8 +2019,19 @@ exports[`7. should show topics when logged in or shared 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                  fill="#DF7334"
+                />
+              </svg>
               <span
-                color="#005C8A"
+                color="#DF7334"
               >
                 PLAY
               </span>
@@ -2146,23 +2331,23 @@ exports[`8. an article with no byline 1`] = `
           <div>
             <div>
               <span
-                color="#005C8A"
+                color="#FF5656"
               >
-                PLAY
+                HAVE YOUR SAY
               </span>
               <hr />
               <span>
-                PUZZLES
+                89 RECENTLY COMMENTED
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+                src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
               />
               <a
-                href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+                href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
               >
-                Times General Knowledge No 12345
+                'Change has begun': Starmer gives first conference speech'
               </a>
             </div>
           </div>
@@ -2172,23 +2357,23 @@ exports[`8. an article with no byline 1`] = `
           <div>
             <div>
               <span
-                color="#005C8A"
+                color="#007A3F"
               >
-                VIDEO
+                READ MORE
               </span>
               <hr />
               <span>
-                US
+                SPORT
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+                src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
               />
               <a
-                href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+                href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
               >
-                Trump used assassination attempt to his advantage
+                Rodri could miss rest of season with knee injury
               </a>
             </div>
           </div>
@@ -2197,6 +2382,19 @@ exports[`8. an article with no byline 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#54145D"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#54145D"
               >
@@ -2223,24 +2421,37 @@ exports[`8. an article with no byline 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#005C8A"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
-                color="#007A3F"
+                color="#005C8A"
               >
-                READ MORE
+                VIDEO
               </span>
               <hr />
               <span>
-                SPORT
+                US
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+                src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
               />
               <a
-                href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+                href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
               >
-                Rodri could miss rest of season with knee injury
+                Trump used assassination attempt to his advantage
               </a>
             </div>
           </div>
@@ -2249,24 +2460,35 @@ exports[`8. an article with no byline 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                  fill="#DF7334"
+                />
+              </svg>
               <span
-                color="#FF5656"
+                color="#DF7334"
               >
-                HAVE YOUR SAY
+                PLAY
               </span>
               <hr />
               <span>
-                89 RECENTLY COMMENTED
+                PUZZLES
               </span>
             </div>
             <div>
               <img
-                src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+                src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
               />
               <a
-                href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+                href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
               >
-                'Change has begun': Starmer gives first conference speech'
+                Times General Knowledge No 12345
               </a>
             </div>
           </div>
@@ -2644,6 +2866,19 @@ exports[`9. an article with no label 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#54145D"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#54145D"
               >
@@ -2670,6 +2905,19 @@ exports[`9. an article with no label 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={14}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clipRule="evenodd"
+                  d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                  fill="#005C8A"
+                  fillRule="evenodd"
+                />
+              </svg>
               <span
                 color="#005C8A"
               >
@@ -2685,7 +2933,7 @@ exports[`9. an article with no label 1`] = `
                 src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
               />
               <a
-                href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+                href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
               >
                 Trump used assassination attempt to his advantage
               </a>
@@ -2696,8 +2944,19 @@ exports[`9. an article with no label 1`] = `
         <div>
           <div>
             <div>
+              <svg
+                fill="none"
+                height={15}
+                width={15}
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                  fill="#DF7334"
+                />
+              </svg>
               <span
-                color="#005C8A"
+                color="#DF7334"
               >
                 PLAY
               </span>
diff --git a/packages/article-main-standard/__tests__/web/__snapshots__/semantic.web.test.js.snap b/packages/article-main-standard/__tests__/web/__snapshots__/semantic.web.test.js.snap
index e521a2e04d7..35ce29503d3 100644
--- a/packages/article-main-standard/__tests__/web/__snapshots__/semantic.web.test.js.snap
+++ b/packages/article-main-standard/__tests__/web/__snapshots__/semantic.web.test.js.snap
@@ -352,41 +352,51 @@ exports[`1. a full article with an image as the lead asset 1`] = `
     </article>
   </main>
   <span
-    color="#005C8A"
+    color="#FF5656"
   >
-    PLAY
+    HAVE YOUR SAY
   </span>
   <hr />
   <span>
-    PUZZLES
+    89 RECENTLY COMMENTED
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
   />
   <a
-    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
   >
-    Times General Knowledge No 12345
+    'Change has begun': Starmer gives first conference speech'
   </a>
   <hr />
   <span
-    color="#005C8A"
+    color="#007A3F"
   >
-    VIDEO
+    READ MORE
   </span>
   <hr />
   <span>
-    US
+    SPORT
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
   />
   <a
-    href="world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
   >
-    Trump used assassination attempt to his advantage
+    Rodri could miss rest of season with knee injury
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
     color="#54145D"
   >
@@ -405,40 +415,59 @@ exports[`1. a full article with an image as the lead asset 1`] = `
     Evening Briefing Thursday 26th September
   </a>
   <hr />
+  <svg
+    height={15}
+    width={14}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      clipRule="evenodd"
+      d="1cc574fee26732613f70d964efd83c34"
+    />
+  </svg>
   <span
-    color="#007A3F"
+    color="#005C8A"
   >
-    READ MORE
+    VIDEO
   </span>
   <hr />
   <span>
-    SPORT
+    US
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+    src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
   />
   <a
-    href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+    href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
   >
-    Rodri could miss rest of season with knee injury
+    Trump used assassination attempt to his advantage
   </a>
   <hr />
+  <svg
+    height={15}
+    width={15}
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="3f00ee739399a5623eac69393855ab8e"
+    />
+  </svg>
   <span
-    color="#FF5656"
+    color="#DF7334"
   >
-    HAVE YOUR SAY
+    PLAY
   </span>
   <hr />
   <span>
-    89 RECENTLY COMMENTED
+    PUZZLES
   </span>
   <img
-    src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+    src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
   />
   <a
-    href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+    href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
   >
-    'Change has begun': Starmer gives first conference speech'
+    Times General Knowledge No 12345
   </a>
   <hr />
 </article>
diff --git a/packages/article-skeleton/__tests__/web/__snapshots__/article-images-with-style.web.test.js.snap b/packages/article-skeleton/__tests__/web/__snapshots__/article-images-with-style.web.test.js.snap
index 02b61035f32..5c2fbe2f01e 100644
--- a/packages/article-skeleton/__tests__/web/__snapshots__/article-images-with-style.web.test.js.snap
+++ b/packages/article-skeleton/__tests__/web/__snapshots__/article-images-with-style.web.test.js.snap
@@ -25,6 +25,13 @@ exports[`1. a primary image 1`] = `
 }
 
 .c7 {
+  overflow: auto;
+  -webkit-scroll-behavior: auto;
+  -moz-scroll-behavior: auto;
+  -ms-scroll-behavior: auto;
+  scroll-behavior: auto;
+  opacity: 1;
+  pointer-events: "auto";
   position: fixed;
   bottom: -100%;
   left: 0;
@@ -36,8 +43,19 @@ exports[`1. a primary image 1`] = `
   text-align: center;
   z-index: 1000;
   border-top: 1px solid #696969;
-  -webkit-transition: bottom 1s ease-in-out;
-  transition: bottom 1s ease-in-out;
+  -webkit-transition: bottom 1s ease-in;
+  transition: bottom 1s ease-in;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c7::-webkit-scrollbar {
+  display: none;
 }
 
 .c16 {
@@ -47,6 +65,8 @@ exports[`1. a primary image 1`] = `
   font-weight: 400;
   text-align: left;
   padding-left: 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
 .c10 {
@@ -67,7 +87,7 @@ exports[`1. a primary image 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -79,14 +99,52 @@ exports[`1. a primary image 1`] = `
   line-height: 21px;
 }
 
+.c18 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
+.c19 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #54145D;
+  line-height: 21px;
+}
+
+.c20 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #005C8A;
+  line-height: 21px;
+}
+
+.c21 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #DF7334;
+  line-height: 21px;
+}
+
 .c15 {
   width: 40px;
   height: 40px;
   border-radius: 50%;
 }
 
+.c22 {
+  width: 40px;
+  height: 40px;
+  border-radius: 0;
+}
+
 .c8 {
-  width: 336px;
+  min-width: 336px;
   height: 74px;
 }
 
@@ -124,6 +182,12 @@ exports[`1. a primary image 1`] = `
   color: #e4e4e4;
 }
 
+.c17 {
+  width: 1px;
+  height: 74px;
+  color: #e4e4e4;
+}
+
 .c2 {
   border: 0px solid black;
   box-sizing: border-box;
@@ -147,7 +211,7 @@ exports[`1. a primary image 1`] = `
   z-index: 1;
 }
 
-.c2 > .c17 {
+.c2 > .c23 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -313,14 +377,186 @@ exports[`1. a primary image 1`] = `
             <img
               className="c15"
             />
+            <a
+              className="c16"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <span
+              className="c18"
+            >
+              READ MORE
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              SPORT
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
+              className="c16"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c19"
+            >
+              PODCAST
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
+              className="c16"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c20"
+            >
+              VIDEO
+            </span>
+            <hr
+              className="c12"
+            />
             <span
+              className="c13"
+            >
+              US
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
               className="c16"
             >
-              'Change has begun': Starmer gives first conference speech
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c21"
+            >
+              PLAY
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              PUZZLES
             </span>
           </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c22"
+            />
+            <a
+              className="c16"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr
+        className="c17"
+      />
     </div>
   </article>
 </div>
@@ -347,6 +583,13 @@ exports[`2. a fullwidth image 1`] = `
 }
 
 .c7 {
+  overflow: auto;
+  -webkit-scroll-behavior: auto;
+  -moz-scroll-behavior: auto;
+  -ms-scroll-behavior: auto;
+  scroll-behavior: auto;
+  opacity: 1;
+  pointer-events: "auto";
   position: fixed;
   bottom: -100%;
   left: 0;
@@ -358,8 +601,19 @@ exports[`2. a fullwidth image 1`] = `
   text-align: center;
   z-index: 1000;
   border-top: 1px solid #696969;
-  -webkit-transition: bottom 1s ease-in-out;
-  transition: bottom 1s ease-in-out;
+  -webkit-transition: bottom 1s ease-in;
+  transition: bottom 1s ease-in;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c7::-webkit-scrollbar {
+  display: none;
 }
 
 .c16 {
@@ -369,6 +623,8 @@ exports[`2. a fullwidth image 1`] = `
   font-weight: 400;
   text-align: left;
   padding-left: 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
 .c10 {
@@ -389,7 +645,7 @@ exports[`2. a fullwidth image 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -401,14 +657,52 @@ exports[`2. a fullwidth image 1`] = `
   line-height: 21px;
 }
 
+.c18 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
+.c19 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #54145D;
+  line-height: 21px;
+}
+
+.c20 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #005C8A;
+  line-height: 21px;
+}
+
+.c21 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #DF7334;
+  line-height: 21px;
+}
+
 .c15 {
   width: 40px;
   height: 40px;
   border-radius: 50%;
 }
 
+.c22 {
+  width: 40px;
+  height: 40px;
+  border-radius: 0;
+}
+
 .c8 {
-  width: 336px;
+  min-width: 336px;
   height: 74px;
 }
 
@@ -446,6 +740,12 @@ exports[`2. a fullwidth image 1`] = `
   color: #e4e4e4;
 }
 
+.c17 {
+  width: 1px;
+  height: 74px;
+  color: #e4e4e4;
+}
+
 .c2 {
   border: 0px solid black;
   box-sizing: border-box;
@@ -469,7 +769,7 @@ exports[`2. a fullwidth image 1`] = `
   z-index: 1;
 }
 
-.c2 > .c17 {
+.c2 > .c23 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -622,24 +922,196 @@ exports[`2. a fullwidth image 1`] = `
             <img
               className="c15"
             />
-            <span
+            <a
               className="c16"
             >
-              'Change has begun': Starmer gives first conference speech
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <span
+              className="c18"
+            >
+              READ MORE
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              SPORT
             </span>
           </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
+              className="c16"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
         </div>
       </div>
-    </div>
-  </article>
-</div>
-`;
-
-exports[`3. a secondary image 1`] = `
-.c6 {
-  border: 0px solid black;
-  box-sizing: border-box;
-  display: -webkit-box;
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c19"
+            >
+              PODCAST
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
+              className="c16"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c20"
+            >
+              VIDEO
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              US
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
+              className="c16"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c21"
+            >
+              PLAY
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              PUZZLES
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c22"
+            />
+            <a
+              className="c16"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+    </div>
+  </article>
+</div>
+`;
+
+exports[`3. a secondary image 1`] = `
+.c6 {
+  border: 0px solid black;
+  box-sizing: border-box;
+  display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
@@ -665,6 +1137,13 @@ exports[`3. a secondary image 1`] = `
 }
 
 .c7 {
+  overflow: auto;
+  -webkit-scroll-behavior: auto;
+  -moz-scroll-behavior: auto;
+  -ms-scroll-behavior: auto;
+  scroll-behavior: auto;
+  opacity: 1;
+  pointer-events: "auto";
   position: fixed;
   bottom: -100%;
   left: 0;
@@ -676,8 +1155,19 @@ exports[`3. a secondary image 1`] = `
   text-align: center;
   z-index: 1000;
   border-top: 1px solid #696969;
-  -webkit-transition: bottom 1s ease-in-out;
-  transition: bottom 1s ease-in-out;
+  -webkit-transition: bottom 1s ease-in;
+  transition: bottom 1s ease-in;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c7::-webkit-scrollbar {
+  display: none;
 }
 
 .c16 {
@@ -687,6 +1177,8 @@ exports[`3. a secondary image 1`] = `
   font-weight: 400;
   text-align: left;
   padding-left: 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
 .c10 {
@@ -707,7 +1199,7 @@ exports[`3. a secondary image 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -719,14 +1211,52 @@ exports[`3. a secondary image 1`] = `
   line-height: 21px;
 }
 
+.c18 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
+.c19 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #54145D;
+  line-height: 21px;
+}
+
+.c20 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #005C8A;
+  line-height: 21px;
+}
+
+.c21 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #DF7334;
+  line-height: 21px;
+}
+
 .c15 {
   width: 40px;
   height: 40px;
   border-radius: 50%;
 }
 
+.c22 {
+  width: 40px;
+  height: 40px;
+  border-radius: 0;
+}
+
 .c8 {
-  width: 336px;
+  min-width: 336px;
   height: 74px;
 }
 
@@ -764,6 +1294,12 @@ exports[`3. a secondary image 1`] = `
   color: #e4e4e4;
 }
 
+.c17 {
+  width: 1px;
+  height: 74px;
+  color: #e4e4e4;
+}
+
 .c2 {
   border: 0px solid black;
   box-sizing: border-box;
@@ -787,7 +1323,7 @@ exports[`3. a secondary image 1`] = `
   z-index: 1;
 }
 
-.c2 > .c17 {
+.c2 > .c23 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -955,14 +1491,186 @@ exports[`3. a secondary image 1`] = `
             <img
               className="c15"
             />
+            <a
+              className="c16"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <span
+              className="c18"
+            >
+              READ MORE
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              SPORT
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
+              className="c16"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c19"
+            >
+              PODCAST
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
+              className="c16"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c20"
+            >
+              VIDEO
+            </span>
+            <hr
+              className="c12"
+            />
             <span
+              className="c13"
+            >
+              US
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
               className="c16"
             >
-              'Change has begun': Starmer gives first conference speech
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c21"
+            >
+              PLAY
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              PUZZLES
             </span>
           </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c22"
+            />
+            <a
+              className="c16"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr
+        className="c17"
+      />
     </div>
   </article>
 </div>
@@ -999,6 +1707,13 @@ exports[`4. an inline image 1`] = `
 }
 
 .c7 {
+  overflow: auto;
+  -webkit-scroll-behavior: auto;
+  -moz-scroll-behavior: auto;
+  -ms-scroll-behavior: auto;
+  scroll-behavior: auto;
+  opacity: 1;
+  pointer-events: "auto";
   position: fixed;
   bottom: -100%;
   left: 0;
@@ -1010,8 +1725,19 @@ exports[`4. an inline image 1`] = `
   text-align: center;
   z-index: 1000;
   border-top: 1px solid #696969;
-  -webkit-transition: bottom 1s ease-in-out;
-  transition: bottom 1s ease-in-out;
+  -webkit-transition: bottom 1s ease-in;
+  transition: bottom 1s ease-in;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c7::-webkit-scrollbar {
+  display: none;
 }
 
 .c16 {
@@ -1021,6 +1747,8 @@ exports[`4. an inline image 1`] = `
   font-weight: 400;
   text-align: left;
   padding-left: 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
 .c10 {
@@ -1041,7 +1769,7 @@ exports[`4. an inline image 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -1053,14 +1781,52 @@ exports[`4. an inline image 1`] = `
   line-height: 21px;
 }
 
+.c18 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
+.c19 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #54145D;
+  line-height: 21px;
+}
+
+.c20 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #005C8A;
+  line-height: 21px;
+}
+
+.c21 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #DF7334;
+  line-height: 21px;
+}
+
 .c15 {
   width: 40px;
   height: 40px;
   border-radius: 50%;
 }
 
+.c22 {
+  width: 40px;
+  height: 40px;
+  border-radius: 0;
+}
+
 .c8 {
-  width: 336px;
+  min-width: 336px;
   height: 74px;
 }
 
@@ -1098,6 +1864,12 @@ exports[`4. an inline image 1`] = `
   color: #e4e4e4;
 }
 
+.c17 {
+  width: 1px;
+  height: 74px;
+  color: #e4e4e4;
+}
+
 .c2 {
   border: 0px solid black;
   box-sizing: border-box;
@@ -1121,7 +1893,7 @@ exports[`4. an inline image 1`] = `
   z-index: 1;
 }
 
-.c2 > .c17 {
+.c2 > .c23 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -1289,14 +2061,186 @@ exports[`4. an inline image 1`] = `
             <img
               className="c15"
             />
+            <a
+              className="c16"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
             <span
+              className="c18"
+            >
+              READ MORE
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              SPORT
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
               className="c16"
             >
-              'Change has begun': Starmer gives first conference speech
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c19"
+            >
+              PODCAST
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              TIMES NEWS BRIEFING
             </span>
           </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
+              className="c16"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
         </div>
       </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c20"
+            >
+              VIDEO
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              US
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c15"
+            />
+            <a
+              className="c16"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
+      <div
+        className="c8"
+      >
+        <div
+          className="c9"
+        >
+          <div
+            className="c10"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c21"
+            >
+              PLAY
+            </span>
+            <hr
+              className="c12"
+            />
+            <span
+              className="c13"
+            >
+              PUZZLES
+            </span>
+          </div>
+          <div
+            className="c14"
+          >
+            <img
+              className="c22"
+            />
+            <a
+              className="c16"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c17"
+      />
     </div>
   </article>
 </div>
diff --git a/packages/article-skeleton/__tests__/web/__snapshots__/article-images.web.test.js.snap b/packages/article-skeleton/__tests__/web/__snapshots__/article-images.web.test.js.snap
index 48af48e29ca..83f95ab6184 100644
--- a/packages/article-skeleton/__tests__/web/__snapshots__/article-images.web.test.js.snap
+++ b/packages/article-skeleton/__tests__/web/__snapshots__/article-images.web.test.js.snap
@@ -90,7 +90,7 @@ exports[`1. a primary image 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -103,12 +103,156 @@ exports[`1. a primary image 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -204,7 +348,7 @@ exports[`2. a fullwidth image 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -217,12 +361,156 @@ exports[`2. a fullwidth image 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -318,7 +606,7 @@ exports[`3. a secondary image 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -331,12 +619,156 @@ exports[`3. a secondary image 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -432,7 +864,7 @@ exports[`4. an inline image 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -445,12 +877,156 @@ exports[`4. an inline image 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
diff --git a/packages/article-skeleton/__tests__/web/__snapshots__/article-with-isPreview.web.test.js.snap b/packages/article-skeleton/__tests__/web/__snapshots__/article-with-isPreview.web.test.js.snap
index 76214bc26f9..f8c3d161ee5 100644
--- a/packages/article-skeleton/__tests__/web/__snapshots__/article-with-isPreview.web.test.js.snap
+++ b/packages/article-skeleton/__tests__/web/__snapshots__/article-with-isPreview.web.test.js.snap
@@ -406,7 +406,7 @@ exports[`Article with isPreview Render article with ArticleMetaBanner when isPre
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -419,12 +419,156 @@ exports[`Article with isPreview Render article with ArticleMetaBanner when isPre
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              TIMES NEWS BRIEFING
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -811,7 +955,7 @@ exports[`Article with isPreview Render article without ArticleMetaBanner when is
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -824,12 +968,156 @@ exports[`Article with isPreview Render article without ArticleMetaBanner when is
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              TIMES NEWS BRIEFING
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
diff --git a/packages/article-skeleton/__tests__/web/__snapshots__/article-with-style.web.test.js.snap b/packages/article-skeleton/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
index 4aa062187f0..a31d63065a7 100644
--- a/packages/article-skeleton/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
+++ b/packages/article-skeleton/__tests__/web/__snapshots__/article-with-style.web.test.js.snap
@@ -252,6 +252,13 @@ exports[`full article with style 1`] = `
 }
 
 .c22 {
+  overflow: auto;
+  -webkit-scroll-behavior: auto;
+  -moz-scroll-behavior: auto;
+  -ms-scroll-behavior: auto;
+  scroll-behavior: auto;
+  opacity: 1;
+  pointer-events: "auto";
   position: fixed;
   bottom: -100%;
   left: 0;
@@ -263,8 +270,19 @@ exports[`full article with style 1`] = `
   text-align: center;
   z-index: 1000;
   border-top: 1px solid #696969;
-  -webkit-transition: bottom 1s ease-in-out;
-  transition: bottom 1s ease-in-out;
+  -webkit-transition: bottom 1s ease-in;
+  transition: bottom 1s ease-in;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c22::-webkit-scrollbar {
+  display: none;
 }
 
 .c31 {
@@ -274,6 +292,8 @@ exports[`full article with style 1`] = `
   font-weight: 400;
   text-align: left;
   padding-left: 16px;
+  -webkit-text-decoration: none;
+  text-decoration: none;
 }
 
 .c25 {
@@ -294,7 +314,7 @@ exports[`full article with style 1`] = `
   font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
   font-size: 14px;
   font-weight: 600;
-  color: #007A3F;
+  color: #FF5656;
   line-height: 21px;
 }
 
@@ -306,14 +326,52 @@ exports[`full article with style 1`] = `
   line-height: 21px;
 }
 
+.c33 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #007A3F;
+  line-height: 21px;
+}
+
+.c34 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #54145D;
+  line-height: 21px;
+}
+
+.c35 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #005C8A;
+  line-height: 21px;
+}
+
+.c36 {
+  font-family: Roboto-Regular,Roboto-Regular-fallback,sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #DF7334;
+  line-height: 21px;
+}
+
 .c30 {
   width: 40px;
   height: 40px;
   border-radius: 50%;
 }
 
+.c37 {
+  width: 40px;
+  height: 40px;
+  border-radius: 0;
+}
+
 .c23 {
-  width: 336px;
+  min-width: 336px;
   height: 74px;
 }
 
@@ -351,6 +409,12 @@ exports[`full article with style 1`] = `
   color: #e4e4e4;
 }
 
+.c32 {
+  width: 1px;
+  height: 74px;
+  color: #e4e4e4;
+}
+
 .c2 {
   border: 0px solid black;
   box-sizing: border-box;
@@ -374,7 +438,7 @@ exports[`full article with style 1`] = `
   z-index: 1;
 }
 
-.c2 > .c32 {
+.c2 > .c38 {
   -webkit-order: 3;
   -ms-flex-order: 3;
   order: 3;
@@ -876,14 +940,186 @@ exports[`full article with style 1`] = `
             <img
               className="c30"
             />
+            <a
+              className="c31"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c32"
+      />
+      <div
+        className="c23"
+      >
+        <div
+          className="c24"
+        >
+          <div
+            className="c25"
+          >
+            <span
+              className="c33"
+            >
+              READ MORE
+            </span>
+            <hr
+              className="c27"
+            />
+            <span
+              className="c28"
+            >
+              SPORT
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <img
+              className="c30"
+            />
+            <a
+              className="c31"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c32"
+      />
+      <div
+        className="c23"
+      >
+        <div
+          className="c24"
+        >
+          <div
+            className="c25"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c34"
+            >
+              PODCAST
+            </span>
+            <hr
+              className="c27"
+            />
+            <span
+              className="c28"
+            >
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <img
+              className="c30"
+            />
+            <a
+              className="c31"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c32"
+      />
+      <div
+        className="c23"
+      >
+        <div
+          className="c24"
+        >
+          <div
+            className="c25"
+          >
+            <svg>
+              <path />
+            </svg>
             <span
+              className="c35"
+            >
+              VIDEO
+            </span>
+            <hr
+              className="c27"
+            />
+            <span
+              className="c28"
+            >
+              US
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <img
+              className="c30"
+            />
+            <a
               className="c31"
             >
-              'Change has begun': Starmer gives first conference speech
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr
+        className="c32"
+      />
+      <div
+        className="c23"
+      >
+        <div
+          className="c24"
+        >
+          <div
+            className="c25"
+          >
+            <svg>
+              <path />
+            </svg>
+            <span
+              className="c36"
+            >
+              PLAY
             </span>
+            <hr
+              className="c27"
+            />
+            <span
+              className="c28"
+            >
+              PUZZLES
+            </span>
+          </div>
+          <div
+            className="c29"
+          >
+            <img
+              className="c37"
+            />
+            <a
+              className="c31"
+            >
+              Times General Knowledge No 12345
+            </a>
           </div>
         </div>
       </div>
+      <hr
+        className="c32"
+      />
     </div>
   </article>
 </div>
diff --git a/packages/article-skeleton/__tests__/web/__snapshots__/article-with-user-state.web.test.js.snap b/packages/article-skeleton/__tests__/web/__snapshots__/article-with-user-state.web.test.js.snap
index 7e33ac48bfd..4234b6e5c8d 100644
--- a/packages/article-skeleton/__tests__/web/__snapshots__/article-with-user-state.web.test.js.snap
+++ b/packages/article-skeleton/__tests__/web/__snapshots__/article-with-user-state.web.test.js.snap
@@ -381,7 +381,7 @@ exports[`Article with user state Render full article when user has access to ful
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -394,12 +394,156 @@ exports[`Article with user state Render full article when user has access to ful
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              TIMES NEWS BRIEFING
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -786,7 +930,7 @@ exports[`Article with user state Render teaser article when user does not have a
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -799,12 +943,156 @@ exports[`Article with user state Render teaser article when user does not have a
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              TIMES NEWS BRIEFING
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
diff --git a/packages/article-skeleton/__tests__/web/__snapshots__/article.web.test.js.snap b/packages/article-skeleton/__tests__/web/__snapshots__/article.web.test.js.snap
index 2ea6e5de3b4..ed97009f53d 100644
--- a/packages/article-skeleton/__tests__/web/__snapshots__/article.web.test.js.snap
+++ b/packages/article-skeleton/__tests__/web/__snapshots__/article.web.test.js.snap
@@ -467,7 +467,7 @@ exports[`1. a full article with all content items with dropcap template 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -480,12 +480,156 @@ exports[`1. a full article with all content items with dropcap template 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -701,7 +845,7 @@ exports[`2. an article with interactives 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -714,12 +858,156 @@ exports[`2. an article with interactives 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -905,7 +1193,7 @@ exports[`3. an article with no content 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -918,12 +1206,156 @@ exports[`3. an article with no content 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -1109,7 +1541,7 @@ exports[`4. an article with no content if content is set as null 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -1122,25 +1554,169 @@ exports[`4. an article with no content if content is set as null 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              SPORT
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
         </div>
       </div>
-    </div>
-  </article>
-</div>
-`;
-
-exports[`5. an article with a nested markup in first paragraph displays a drop cap 1`] = `
-<div>
-  <div
-    id="article-marketing-header"
-  />
-  <article
-    data-article-identifier="198c4b2f-ecec-4f34-be53-c89f83bc1b44"
-    data-article-sectionname="Some Section"
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+    </div>
+  </article>
+</div>
+`;
+
+exports[`5. an article with a nested markup in first paragraph displays a drop cap 1`] = `
+<div>
+  <div
+    id="article-marketing-header"
+  />
+  <article
+    data-article-identifier="198c4b2f-ecec-4f34-be53-c89f83bc1b44"
+    data-article-sectionname="Some Section"
     data-article-template="maincomment"
     id="article-main"
   >
@@ -1277,7 +1853,7 @@ exports[`5. an article with a nested markup in first paragraph displays a drop c
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -1290,12 +1866,156 @@ exports[`5. an article with a nested markup in first paragraph displays a drop c
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              SPORT
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -1487,7 +2207,7 @@ exports[`6. an article with heading tags 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -1500,12 +2220,156 @@ exports[`6. an article with heading tags 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              SPORT
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -1700,7 +2564,7 @@ exports[`7. an article with link 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -1713,12 +2577,156 @@ exports[`7. an article with link 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              TIMES NEWS BRIEFING
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -1916,7 +2924,7 @@ exports[`8. an article with italic link 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -1929,12 +2937,156 @@ exports[`8. an article with italic link 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              SPORT
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -2131,7 +3283,7 @@ exports[`9. an article with bold text followed by bold link 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -2144,12 +3296,156 @@ exports[`9. an article with bold text followed by bold link 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              SPORT
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
+            <span>
+              PUZZLES
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -2348,25 +3644,169 @@ exports[`10. an article with italic and normal text link 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
+            >
+              HAVE YOUR SAY
+            </span>
+            <hr />
+            <span>
+              89 RECENTLY COMMENTED
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+            />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
             >
-              HAVE YOUR SAY
+              PODCAST
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              TIMES NEWS BRIEFING
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -2559,7 +3999,7 @@ exports[`11. an article with bold and italic text at the same time 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -2572,12 +4012,156 @@ exports[`11. an article with bold and italic text at the same time 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -2768,7 +4352,7 @@ exports[`12. an article with text wrapped in inline element 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -2781,12 +4365,156 @@ exports[`12. an article with text wrapped in inline element 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -2978,25 +4706,169 @@ exports[`13. an article with paragraph with text and inline element 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
+            >
+              HAVE YOUR SAY
+            </span>
+            <hr />
+            <span>
+              89 RECENTLY COMMENTED
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+            />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
             >
-              HAVE YOUR SAY
+              VIDEO
             </span>
             <hr />
             <span>
-              89 RECENTLY COMMENTED
+              US
             </span>
           </div>
           <div>
             <img
-              src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
             />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -3189,7 +5061,7 @@ exports[`14. an article with inline inside a bold tag 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -3202,12 +5074,156 @@ exports[`14. an article with inline inside a bold tag 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -3399,7 +5415,7 @@ exports[`15. an article starting with single quote 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -3412,12 +5428,156 @@ exports[`15. an article starting with single quote 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -3609,7 +5769,7 @@ exports[`16. an article starting with double quote 1`] = `
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -3622,12 +5782,156 @@ exports[`16. an article starting with double quote 1`] = `
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
diff --git a/packages/article-skeleton/__tests__/web/__snapshots__/auto-place-newsletter-puff.web.test.js.snap b/packages/article-skeleton/__tests__/web/__snapshots__/auto-place-newsletter-puff.web.test.js.snap
index 9c98bb7e8b8..4d24baec217 100644
--- a/packages/article-skeleton/__tests__/web/__snapshots__/auto-place-newsletter-puff.web.test.js.snap
+++ b/packages/article-skeleton/__tests__/web/__snapshots__/auto-place-newsletter-puff.web.test.js.snap
@@ -142,7 +142,7 @@ exports[`Article with automatically placed NewsletterPuff should not render anot
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -155,12 +155,156 @@ exports[`Article with automatically placed NewsletterPuff should not render anot
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
@@ -306,7 +450,7 @@ exports[`Article with automatically placed NewsletterPuff should render a Newsle
         <div>
           <div>
             <span
-              color="#007A3F"
+              color="#FF5656"
             >
               HAVE YOUR SAY
             </span>
@@ -319,12 +463,156 @@ exports[`Article with automatically placed NewsletterPuff should render a Newsle
             <img
               src="https://s3-alpha-sig.figma.com/img/dd68/3e09/181fd13a92c1ab3e6319601ba403e6a9?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=OPybSiJqmJXr5pl6BAwdtIZqpBWdVVJxKv-woB4y3EieTJKxfvNMOOyjO5C6u2ZEy0eA9F8iRtAenGLBGbUIBZt322hVscJDtODxjsNc3wP2wNne7khqGCroAJkgpuVQUbP4HvXqKJ-VV8-28KjIkN~YDVxsK0JUU8KuZMgfweWwv0g8auVUXEr1eU9AvaEgR-TMxJ52sNsyC9eE9Kj47V6yfZZ7KUHcUPxtvjjsIxySgJJvfY0FKsECPp5X1y6ym5DxFoknvG~HzfsUXDcuOUvauSIrKlz~S4yhBSCJBkEi0mBN56LPf5i9IlaBRqPmSt1mXPGwYoeEtsnn1e14WA__"
             />
+            <a
+              href="/uk/politics/article/labour-party-conference-keir-starmer-speech-latest-news-0nnkxjcqq"
+            >
+              'Change has begun': Starmer gives first conference speech'
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <span
+              color="#007A3F"
+            >
+              READ MORE
+            </span>
+            <hr />
+            <span>
+              SPORT
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/b168/4d1b/b9361aacf8aa15439db267471ccf52ae?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=djhM7Ifd4NH-iGmZb5IYPjRG5xrNSOCCXybgwEcfLWNTa5itFXwv715Oe8~-QYy5fenMRts0Oce6GlQ8rOhSqVhR2h1HAmJZZ8VxDL9zSWxZ~IejyHGNj0Q7LXqsxL8vfs7rypyZ94pN48bqIVvNPKi~6qf9~-qbAHx0CJJtCsQXE8102~de5dVTAn-WUIhzqY50UCaImG9IvTcX~tQxJE3aI7dYLvPa~iPpd5OxGrRaBaoQeHe-kXknkb-BpXtJ3AQvhdJXRdGSTRexyDR2eh7NQT6FJPywUz2uxYzikSzFuYYlBg2Ul2K40eQtsOBacuT0mtlwu0x0eWO5iLL~Tg__"
+            />
+            <a
+              href="/sport/football/article/rodri-knee-injury-man-city-arsenal-x08qk7pdb"
+            >
+              Rodri could miss rest of season with knee injury
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#54145D"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#54145D"
+            >
+              PODCAST
+            </span>
+            <hr />
+            <span>
+              TIMES NEWS BRIEFING
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/8505/83db/efe4ca6f159524c5e9605c09e22beb63?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=HNYdABcDQqUiXIfetUZ9OA2Lh5IZ82h6NT4eNrR0mgrj1vk0TFNkd5pbMEAgfjBNwCQPT9kQIoifJ3HE6qjb4D69RgSr~R0Y3uMhuju4jBbmgMIXsE0C1-QjJcSXtj427ttm4ObVlhHlsWRb2lFcO2mlmnRqstmCaCRGqD-oAtUXZYQCXA45Cu27c7ezqBkaMID5VeShG4Psk-JmSXmtMSiPjYwFKlEKktniFs8fnwjdyFlHWxVPt6F~JXUemvDvVFavY9XBYRKdhOd4SkoVhKLe3kvenIFX6~yDqERGaIt1Vh5jAKBnoDxvCXWn~kjIjLKFwOzqYpFmYaeqFFQfjg__"
+            />
+            <a
+              href="/podcasts/times-news-briefing"
+            >
+              Evening Briefing Thursday 26th September
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={14}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clipRule="evenodd"
+                d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
+                fill="#005C8A"
+                fillRule="evenodd"
+              />
+            </svg>
+            <span
+              color="#005C8A"
+            >
+              VIDEO
+            </span>
+            <hr />
+            <span>
+              US
+            </span>
+          </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/cdcb/7283/3ad7a0c137457614d3d1a693452964e1?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=g5MwasiSQlq1ZyOFr-uaC9NvL3hb1Ui3gkHd7-izDGz7zBgTSHN3~pPpEcBSwBEbzp8-dTXfITS7M4XlM5jPy3GzA7N333yrbkwqWCX~xZkHLXYjnBlwQ59ukqOaRLyWZh1vSMqQTshRPnSso07sHXh37HIWuILsM1AKs9-NgDdNaQeyZgw--70gTFHJEUQ8iQdO00BqzcvRir0SAJXC4oYSRsT6X~qLNzRucIBLfHViEEcKruSWqhv~YPkym7DgeZCYQ9kBuSWb6NxSrNtzC-FNzzIzVAjcsFrUarEEzFgZywRC3n96sBTgHG6HYdJVVpqSIhrgDhD16Y~9ri4-3Q__"
+            />
+            <a
+              href="/world/us-world/article/donald-trump-used-assassination-attempts-advantage-us-election-2024-g9mz5wf8r"
+            >
+              Trump used assassination attempt to his advantage
+            </a>
+          </div>
+        </div>
+      </div>
+      <hr />
+      <div>
+        <div>
+          <div>
+            <svg
+              fill="none"
+              height={15}
+              width={15}
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
+                fill="#DF7334"
+              />
+            </svg>
+            <span
+              color="#DF7334"
+            >
+              PLAY
+            </span>
+            <hr />
             <span>
-              'Change has begun': Starmer gives first conference speech
+              PUZZLES
             </span>
           </div>
+          <div>
+            <img
+              src="https://s3-alpha-sig.figma.com/img/24f9/bc87/903eed2895cf7ef34c3bd86cdb19ee74?Expires=1728259200&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=ZKEomwG~hc7W-ITYVzz8vKI7cKX4bkZ0xv1Ll-SW9mfR621lZvjzGwFO6F5hFrPo37GTok3RUi5G6JdS4jTXwxPPIOMYfPJzwgImrbY2eKElIBD-vSPBDK9U5OXc6dmN3600vGHDvEclr8Ar0FO8ZmXwKhnUa-hM2i2~~UOCHSHorTryt-iOn28pUC4~sqXhRSdz-5FH07IoVekjFmXYhX-mz8FCHgPvE~SrhlTmemubmMvU-FttZjY~rcyr7p9IkLWyXQ3jenq8UFRiiZ9buR0LQ6MpP85ocGQ4MCRnj2uCPVEtMU6wde34oI-GpvEa-B5Cf8zVR7GtF1ZfW5gsAw__"
+            />
+            <a
+              href="/puzzles/crossword/times-gk-crossword-no-252-n0n70whpb"
+            >
+              Times General Knowledge No 12345
+            </a>
+          </div>
         </div>
       </div>
+      <hr />
     </div>
   </article>
 </div>
diff --git a/packages/article-skeleton/src/magic-carpet.js b/packages/article-skeleton/src/magic-carpet.js
index 3ea0ccb99a6..055c3a0f4b8 100644
--- a/packages/article-skeleton/src/magic-carpet.js
+++ b/packages/article-skeleton/src/magic-carpet.js
@@ -2,8 +2,8 @@
 
 import React from "react";
 import styled from "styled-components";
-import PuzzleIcon from './puzzle-icon'
-import VideoIcon from './video-icon';
+import PuzzleIcon from "./puzzle-icon";
+import VideoIcon from "./video-icon";
 
 const SlideUpWrapper = styled.div`
   overflow: auto;
@@ -192,26 +192,25 @@ const notLightPackContent = [
 
 const getIcon = (label, color) => {
   if (label === "VIDEO") {
-    return <VideoIcon style={{ marginRight: '4px'}} color={color} />;
+    return <VideoIcon style={{ marginRight: "4px" }} color={color} />;
   } else if (label === "PODCAST") {
-    return <VideoIcon style={{ marginRight: '4px'}} color={color}/>;
+    return <VideoIcon style={{ marginRight: "4px" }} color={color} />;
   } else {
-    return <PuzzleIcon style={{ marginRight: '4px'}} color={color}/>;
+    return <PuzzleIcon style={{ marginRight: "4px" }} color={color} />;
   }
-}
+};
 
 export const MagicCarpet = ({ showComponent }) => {
   const getContent = () => {
-    let content = notLightPackContent
+    let content = notLightPackContent;
     if (typeof window !== "undefined") {
-      console.log(window, 'NUK')
-      const isLightPackUser = window.nuk && window.nuk.user && window.nuk.user.isLightPackUser;
-      console.log(isLightPackUser, 'IS LIGHT PACK USER')
+      const isLightPackUser =
+        window.nuk && window.nuk.user && window.nuk.user.isLightPackUser;
       content = isLightPackUser ? lightPackContent : notLightPackContent;
     }
     return content;
-  }
-  
+  };
+
   const content = getContent();
   return (
     <SlideUpWrapper showComponent={showComponent}>
@@ -237,5 +236,6 @@ export const MagicCarpet = ({ showComponent }) => {
           <CardDivider />
         </>
       ))}
-    </SlideUpWrapper>)
+    </SlideUpWrapper>
+  );
 };
diff --git a/packages/article-skeleton/src/puzzle-icon.js b/packages/article-skeleton/src/puzzle-icon.js
index 2e7df6e023e..2b8d41081b8 100644
--- a/packages/article-skeleton/src/puzzle-icon.js
+++ b/packages/article-skeleton/src/puzzle-icon.js
@@ -1,16 +1,21 @@
-import * as React from "react"
-const PuzzleIcon = (props) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={15}
-    height={15}
-    fill="none"
-    {...props}
-  >
+import * as React from "react";
+import PropTypes from "prop-types";
+
+const PuzzleIcon = ({ color }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={15} height={15} fill="none">
     <path
-      fill={props.color}
+      fill={color}
       d="M12.667 6.833h-1V4.167c0-.734-.6-1.334-1.334-1.334H7.667v-1a1.667 1.667 0 0 0-3.334 0v1H1.667c-.734 0-1.327.6-1.327 1.334V6.7h.993a1.801 1.801 0 0 1 0 3.6h-1v2.533c0 .734.6 1.334 1.334 1.334H4.2v-1a1.801 1.801 0 0 1 3.6 0v1h2.533c.734 0 1.334-.6 1.334-1.334v-2.666h1a1.667 1.667 0 0 0 0-3.334Z"
     />
   </svg>
-)
-export default PuzzleIcon
\ No newline at end of file
+);
+
+PuzzleIcon.defaultProps = {
+  color: ""
+};
+
+PuzzleIcon.propTypes = {
+  color: PropTypes.string
+};
+
+export default PuzzleIcon;
diff --git a/packages/article-skeleton/src/video-icon.js b/packages/article-skeleton/src/video-icon.js
index 28380ca4e20..a20ad6c9d92 100644
--- a/packages/article-skeleton/src/video-icon.js
+++ b/packages/article-skeleton/src/video-icon.js
@@ -1,18 +1,23 @@
-import * as React from "react"
-const SvgComponent = (props) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={14}
-    height={15}
-    fill="none"
-    {...props}
-  >
+import * as React from "react";
+import PropTypes from "prop-types";
+
+const VideoIcon = ({ color }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={14} height={15} fill="none">
     <path
-      fill={props.color}
+      fill={color}
       fillRule="evenodd"
       d="M.333 7.5A6.67 6.67 0 0 1 7 .833 6.67 6.67 0 0 1 13.667 7.5 6.67 6.67 0 0 1 7 14.167 6.67 6.67 0 0 1 .333 7.5Zm9.334 0-4-3v6l4-3Z"
       clipRule="evenodd"
     />
   </svg>
-)
-export default SvgComponent
\ No newline at end of file
+);
+
+VideoIcon.defaultProps = {
+  color: ""
+};
+
+VideoIcon.propTypes = {
+  color: PropTypes.string
+};
+
+export default VideoIcon;
diff --git a/packages/card/__tests__/web/__snapshots__/card-loading-style.test.js.snap b/packages/card/__tests__/web/__snapshots__/card-loading-style.test.js.snap
index ab3873894e2..b6343fd534d 100644
--- a/packages/card/__tests__/web/__snapshots__/card-loading-style.test.js.snap
+++ b/packages/card/__tests__/web/__snapshots__/card-loading-style.test.js.snap
@@ -80,7 +80,7 @@ exports[`1. card loading state 1`] = `
         "$$typeof": Symbol(react.forward_ref),
         "attrs": Array [],
         "componentStyle": ComponentStyle {
-          "componentId": "Animations__FadeIn-w31u4-0",
+          "componentId": "Animations__FadeIn-je5757-0",
           "isStatic": false,
           "lastClassName": "c0",
           "rules": Array [
@@ -115,10 +115,10 @@ exports[`1. card loading state 1`] = `
         },
         "displayName": "Animations__FadeIn",
         "foldedComponentIds": Array [
-          "TsTcView-sc-154dp5w-0",
+          "TsTcView-o5ytee-0",
         ],
         "render": [Function],
-        "styledComponentId": "Animations__FadeIn-w31u4-0",
+        "styledComponentId": "Animations__FadeIn-je5757-0",
         "target": "div",
         "toString": [Function],
         "warnTooManyClasses": [Function],
@@ -402,7 +402,7 @@ exports[`2. card with reversed loading state 1`] = `
         "$$typeof": Symbol(react.forward_ref),
         "attrs": Array [],
         "componentStyle": ComponentStyle {
-          "componentId": "Animations__FadeIn-w31u4-0",
+          "componentId": "Animations__FadeIn-je5757-0",
           "isStatic": false,
           "lastClassName": "c0",
           "rules": Array [
@@ -437,10 +437,10 @@ exports[`2. card with reversed loading state 1`] = `
         },
         "displayName": "Animations__FadeIn",
         "foldedComponentIds": Array [
-          "TsTcView-sc-154dp5w-0",
+          "TsTcView-o5ytee-0",
         ],
         "render": [Function],
-        "styledComponentId": "Animations__FadeIn-w31u4-0",
+        "styledComponentId": "Animations__FadeIn-je5757-0",
         "target": "div",
         "toString": [Function],
         "warnTooManyClasses": [Function],
diff --git a/packages/card/__tests__/web/__snapshots__/card.web.test.js.snap b/packages/card/__tests__/web/__snapshots__/card.web.test.js.snap
index 8d40791e3a4..0d69d7c7505 100644
--- a/packages/card/__tests__/web/__snapshots__/card.web.test.js.snap
+++ b/packages/card/__tests__/web/__snapshots__/card.web.test.js.snap
@@ -850,9 +850,9 @@ exports[`7. card with a loading state 1`] = `
         "$$typeof": Symbol(react.forward_ref),
         "attrs": Array [],
         "componentStyle": ComponentStyle {
-          "componentId": "Animations__FadeIn-w31u4-0",
+          "componentId": "Animations__FadeIn-je5757-0",
           "isStatic": false,
-          "lastClassName": "ejSuos",
+          "lastClassName": "dazpaJ",
           "rules": Array [
             "border:0px solid black;box-sizing:border-box;display:flex;flex-direction:column;margin:",
             [Function],
@@ -885,10 +885,10 @@ exports[`7. card with a loading state 1`] = `
         },
         "displayName": "Animations__FadeIn",
         "foldedComponentIds": Array [
-          "TsTcView-sc-154dp5w-0",
+          "TsTcView-o5ytee-0",
         ],
         "render": [Function],
-        "styledComponentId": "Animations__FadeIn-w31u4-0",
+        "styledComponentId": "Animations__FadeIn-je5757-0",
         "target": "div",
         "toString": [Function],
         "warnTooManyClasses": [Function],
@@ -1055,9 +1055,9 @@ exports[`8. card with a loading state and no image 1`] = `
         "$$typeof": Symbol(react.forward_ref),
         "attrs": Array [],
         "componentStyle": ComponentStyle {
-          "componentId": "Animations__FadeIn-w31u4-0",
+          "componentId": "Animations__FadeIn-je5757-0",
           "isStatic": false,
-          "lastClassName": "ejSuos",
+          "lastClassName": "dazpaJ",
           "rules": Array [
             "border:0px solid black;box-sizing:border-box;display:flex;flex-direction:column;margin:",
             [Function],
@@ -1090,10 +1090,10 @@ exports[`8. card with a loading state and no image 1`] = `
         },
         "displayName": "Animations__FadeIn",
         "foldedComponentIds": Array [
-          "TsTcView-sc-154dp5w-0",
+          "TsTcView-o5ytee-0",
         ],
         "render": [Function],
-        "styledComponentId": "Animations__FadeIn-w31u4-0",
+        "styledComponentId": "Animations__FadeIn-je5757-0",
         "target": "div",
         "toString": [Function],
         "warnTooManyClasses": [Function],
@@ -1219,9 +1219,9 @@ exports[`9. card with reversed loading state 1`] = `
         "$$typeof": Symbol(react.forward_ref),
         "attrs": Array [],
         "componentStyle": ComponentStyle {
-          "componentId": "Animations__FadeIn-w31u4-0",
+          "componentId": "Animations__FadeIn-je5757-0",
           "isStatic": false,
-          "lastClassName": "ejSuos",
+          "lastClassName": "dazpaJ",
           "rules": Array [
             "border:0px solid black;box-sizing:border-box;display:flex;flex-direction:column;margin:",
             [Function],
@@ -1254,10 +1254,10 @@ exports[`9. card with reversed loading state 1`] = `
         },
         "displayName": "Animations__FadeIn",
         "foldedComponentIds": Array [
-          "TsTcView-sc-154dp5w-0",
+          "TsTcView-o5ytee-0",
         ],
         "render": [Function],
-        "styledComponentId": "Animations__FadeIn-w31u4-0",
+        "styledComponentId": "Animations__FadeIn-je5757-0",
         "target": "div",
         "toString": [Function],
         "warnTooManyClasses": [Function],
@@ -1424,9 +1424,9 @@ exports[`10. card with reversed loading state with no image 1`] = `
         "$$typeof": Symbol(react.forward_ref),
         "attrs": Array [],
         "componentStyle": ComponentStyle {
-          "componentId": "Animations__FadeIn-w31u4-0",
+          "componentId": "Animations__FadeIn-je5757-0",
           "isStatic": false,
-          "lastClassName": "ejSuos",
+          "lastClassName": "dazpaJ",
           "rules": Array [
             "border:0px solid black;box-sizing:border-box;display:flex;flex-direction:column;margin:",
             [Function],
@@ -1459,10 +1459,10 @@ exports[`10. card with reversed loading state with no image 1`] = `
         },
         "displayName": "Animations__FadeIn",
         "foldedComponentIds": Array [
-          "TsTcView-sc-154dp5w-0",
+          "TsTcView-o5ytee-0",
         ],
         "render": [Function],
-        "styledComponentId": "Animations__FadeIn-w31u4-0",
+        "styledComponentId": "Animations__FadeIn-je5757-0",
         "target": "div",
         "toString": [Function],
         "warnTooManyClasses": [Function],