diff --git a/css/style.css b/css/style.css
index 0a90c32..19ed8f3 100644
--- a/css/style.css
+++ b/css/style.css
@@ -7,8 +7,23 @@ body {
   margin: 3rem;
 }
 
+#transition {
+  background-color: #000;
+  color: #fff;
+  text-align: center;
+  font-size: 1.4rem;
+  padding: 1rem;
+  margin: -3rem;
+}
+
+#transition a {
+  color: #fff;
+  text-decoration: underline;
+}
+
 #wordmark {
   height: 5rem;
+  margin-top: 5rem;
 }
 
 .title {
diff --git a/index.html b/index.html
index c1c3f08..8d4866d 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
     <script src="js/prism.js"></script>
   </head>
   <body>
+    <div id="transition"><strong>Note:</strong> This document is no longer maintained and has been replaced by a new specification at <a href="https://webthings.io/schemas/">webthings.io/schemas</a>.</div>
     <img id="wordmark" src="images/wordmark.svg" alt="Mozilla IoT" />
     <h1 class="title">WoT Capability Schemas</h1>
     <h2 class="subtitle">iot.mozilla.org/schemas</h2>
