diff --git a/docs/book/theme/css/custom.css b/docs/book/theme/css/custom.css
index 16e3b210e95..3678cc320c2 100644
--- a/docs/book/theme/css/custom.css
+++ b/docs/book/theme/css/custom.css
@@ -1,3 +1,30 @@
 .menu-title img {
     vertical-align: bottom;
 }
+
+#notice-bar {
+    background: var(--bg);
+    padding: 1em;
+    margin-left: calc(-1 * var(--page-padding));
+    margin-right: calc(-1 * var(--page-padding));
+    margin-bottom: 1em;
+
+    border-bottom: 1px solid var(--table-border-color);
+    box-shadow: 0 1px 5px 0 var(--table-border-color);
+}
+
+#notice-bar * {
+    color: var(--fg);
+}
+
+#notice-bar a {
+    text-decoration: none;
+}
+
+#notice-bar a:not(.header) { 
+    color: var(--links);
+}
+
+#notice-bar h2 {
+    margin-top: 0;
+}
diff --git a/docs/book/theme/header.hbs b/docs/book/theme/header.hbs
new file mode 100644
index 00000000000..586f6da651f
--- /dev/null
+++ b/docs/book/theme/header.hbs
@@ -0,0 +1,7 @@
+<header id="notice-bar">
+    <h2>Black lives matter.</h2>
+    <p>We stand in solidarity with the Black community.</p>
+    <p>Racism is unacceptable.</p>
+    <p>It conflicts with <a href="https://git.k8s.io/community/values.md">the core values of the Kubernetes project</a> and our community does not tolerate it.</p>
+    </p>
+</header>
diff --git a/docs/book/theme/index.hbs b/docs/book/theme/index.hbs
index 9b5f8007f17..fa74d91e9e5 100644
--- a/docs/book/theme/index.hbs
+++ b/docs/book/theme/index.hbs
@@ -97,7 +97,6 @@
         <div id="page-wrapper" class="page-wrapper">
 
             <div class="page">
-                {{> header}}
                 <div id="menu-bar" class="menu-bar">
                     <div id="menu-bar-sticky-container">
                         <div class="left-buttons">
@@ -136,6 +135,8 @@
                     </div>
                 </div>
 
+                {{> header}}
+
                 {{#if search_enabled}}
                 <div id="search-wrapper" class="hidden">
                     <form id="searchbar-outer" class="searchbar-outer">