diff --git a/src/components/ThankYou/index.tsx b/src/components/ThankYou/index.tsx
new file mode 100644
index 0000000000..9015873e38
--- /dev/null
+++ b/src/components/ThankYou/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import styles from './styles.module.css'
+
+const ThankYouPage: React.FC = () => (
+  <div className={styles.wrapper}>
+    <h1 className={styles.heading}>Thanks for subscribing!</h1>
+    <p className={styles.copy}>Keep an eye on your inbox</p>
+  </div>
+)
+
+export default ThankYouPage
diff --git a/src/components/ThankYou/styles.module.css b/src/components/ThankYou/styles.module.css
new file mode 100644
index 0000000000..69541c1a35
--- /dev/null
+++ b/src/components/ThankYou/styles.module.css
@@ -0,0 +1,29 @@
+.wrapper {
+  margin: 12rem auto;
+  text-align: center;
+
+  @media (--md-scr) {
+    margin: 10rem auto;
+  }
+
+  @media (--sm-scr) {
+    margin: 6rem auto;
+  }
+}
+
+.heading {
+  font-size: 3rem;
+  margin: 2rem 0;
+
+  @media (--sm-scr) {
+    font-size: 2rem;
+  }
+}
+
+.copy {
+  font-size: 1.75rem;
+
+  @media (--sm-scr) {
+    font-size: 1.1rem;
+  }
+}
diff --git a/src/pages/subscriber-thank-you.tsx b/src/pages/subscriber-thank-you.tsx
new file mode 100644
index 0000000000..c284ec28fc
--- /dev/null
+++ b/src/pages/subscriber-thank-you.tsx
@@ -0,0 +1,2 @@
+import ThankYou from '../components/ThankYou'
+export default ThankYou