diff --git a/README.md b/README.md
index a284e1a..91042d3 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 > A library of barebones front-end components built with WordPress and accessibility in mind.
 
-[![Support Level](https://img.shields.io/badge/support-active-green.svg)](#support-level) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+[![Support Level](https://img.shields.io/badge/support-archived-red.svg)](#support-level) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![codecov](https://codecov.io/gh/10up/component-library/branch/develop/graph/badge.svg?token=rm4ggtw19O)](https://codecov.io/gh/10up/component-library)
 
 
@@ -31,7 +31,7 @@ To use a component, navigate to the component’s detail page to see demos, usag
 
 ## Support Level
 
-**Active:** 10up is actively working on this, and we expect to continue work for the foreseeable future including keeping tested up to the most recent version of WordPress.  Bug reports, feature requests, questions, and pull requests are welcome.
+**Archived:** This project is no longer maintained by 10up. We are no longer responding to Issues or Pull Requests unless they relate to security concerns. We encourage interested developers to fork this project and make it their own!
 
 ## Repository Structure and Engineering Guidelines
 Visit the [CONTRIBUTING](/CONTRIBUTING.md) page for initial contribution and engineering guidance.
diff --git a/docs/Gemfile b/docs/Gemfile
index f85f962..2bf6de3 100644
--- a/docs/Gemfile
+++ b/docs/Gemfile
@@ -1,7 +1,5 @@
 source 'https://rubygems.org'
 
-require 'json'
-require 'open-uri'
-versions = JSON.parse(open('https://pages.github.com/versions.json').read)
-
-gem 'github-pages', versions['github-pages']
+gem 'github-pages', '~> 228'
+gem 'jekyll', '~> 3.9.0'
+gem 'webrick', '~> 1.7'
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index 9f99d79..e673ae9 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -39,4 +39,8 @@
 	</div>
 </header>
 
+<div class="c-maintenance-banner">
+	<p><strong>Notice:</strong> This site is no longer being actively maintained. We are aiming to open source new internal component packages and systems in the future.</p>
+</div>
+
 <main class="main page-{{page.title}}" id="main" role="main">
diff --git a/docs/assets/css/sass/components/_index.scss b/docs/assets/css/sass/components/_index.scss
index 27a478e..737c8e0 100644
--- a/docs/assets/css/sass/components/_index.scss
+++ b/docs/assets/css/sass/components/_index.scss
@@ -8,6 +8,7 @@
 @import "example-inline";
 @import "iframe";
 @import "main";
+@import "maintenance-banner";
 @import "meta";
 @import "nav";
 @import "syntax-highlight";
diff --git a/docs/assets/css/sass/components/_maintenance-banner.scss b/docs/assets/css/sass/components/_maintenance-banner.scss
new file mode 100644
index 0000000..5522073
--- /dev/null
+++ b/docs/assets/css/sass/components/_maintenance-banner.scss
@@ -0,0 +1,42 @@
+.c-maintenance-banner {
+	background: #fef3cd;
+	border-bottom: 1px solid #fdc935;
+	color: #856404;
+	padding: $spacing-small $spacing-medium;
+	text-align: center;
+	position: relative;
+	z-index: $elevation-mid;
+
+	@media (min-width: $breakpoint-small) {
+		margin-left: 260px;
+	}
+
+	@media (min-width: $breakpoint-medium) {
+		margin-left: 310px;
+	}
+
+	p {
+		margin: 0;
+		font-size: $font-size-tiny;
+		max-width: none;
+
+		@media (min-width: $breakpoint-small) {
+			font-size: $font-size-xsmall;
+		}
+	}
+
+	a {
+		color: #495057;
+		text-decoration: underline;
+		font-weight: $font-weight-medium;
+
+		&:hover,
+		&:focus {
+			color: #212529;
+		}
+	}
+
+	strong {
+		font-weight: $font-weight-medium;
+	}
+}