diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index bf8063db96f..046a9910ecf 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -86,6 +86,14 @@ const config = {
     ],
   ],
   themeConfig: {
+    announcementBar: {
+      id: 'abstraction',
+      content:
+        '⛓️ <a href="/concepts/abstraction/chain-signatures">Chain Signatures</a> ⛓️ - Sign and send transactions on Bitcoin, Ethereum, and more! 🔑 ',
+      backgroundColor: '#fafbfc',
+      textColor: '#333',
+      isCloseable: true,
+    },
     prism: {
       additionalLanguages: [
         'rust',
diff --git a/website/src/css/custom.scss b/website/src/css/custom.scss
index 9c8e4d06a0b..8ba5c686b25 100644
--- a/website/src/css/custom.scss
+++ b/website/src/css/custom.scss
@@ -451,12 +451,21 @@ https://www.feelback.dev/docs/guides/stripe-like-documentation-feedback-for-docu
 @import "@feelback/react/styles/feelback.css";
 
 .feelback-container .feelback-btn {
-  background-color: #1a8870;
-  color: white;
+    background-color: #1a8870;
+    color: white;
 }
 
 .feelback-container textarea {
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  padding: 0.5rem;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    padding: 0.5rem;
 }
+
+/* Announcement bar */
+div[class^="announcementBar_"] {
+    --site-announcement-bar-stripe-color1: #ddfde1;
+    --site-announcement-bar-stripe-color2: #c4fbe6;
+    background: repeating-linear-gradient(45deg, var(--site-announcement-bar-stripe-color1), var(--site-announcement-bar-stripe-color1) 20px, var(--site-announcement-bar-stripe-color2) 10px, var(--site-announcement-bar-stripe-color2) 40px);
+    font-size: 16px;
+    font-weight: 600;
+}
\ No newline at end of file