diff --git a/sass/components/page-banner.scss b/sass/components/page-banner.scss
new file mode 100644
index 0000000..17be128
--- /dev/null
+++ b/sass/components/page-banner.scss
@@ -0,0 +1,15 @@
+.page-banner {
+ font-size: .8em;
+ font-weight: 600;
+ background-color: #E8CB68;
+ color: color-mix(in srgb, #E8CB68, #000 70%);
+ box-shadow: 1px 1px 2px color-mix(in srgb, #E8CB68, #000 20%);
+ text-align: center;
+ padding: .4em;
+ position: sticky;
+ top: 0;
+
+ @media (prefers-color-scheme: dark) {
+ box-shadow: 1px 1px 2px color-mix(in srgb, #E8CB68, #000 80%);
+ }
+}
diff --git a/sass/style.scss b/sass/style.scss
index 89365de..70adbc5 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -25,3 +25,4 @@
@import 'components/landing-feature';
@import 'components/landing-features';
@import 'components/content-paragraph';
+@import 'components/page-banner.scss';
diff --git a/template.mustache b/template.mustache
index ce381b3..b4871f9 100644
--- a/template.mustache
+++ b/template.mustache
@@ -16,6 +16,9 @@
{{title}}
+