diff --git a/pages/404.tsx b/pages/404.tsx
new file mode 100644
index 00000000..2e9ff9e4
--- /dev/null
+++ b/pages/404.tsx
@@ -0,0 +1,33 @@
+import Image from "../components/Image";
+import Link from "../components/Link";
+import { styled } from "../lib/styles/stitches.config";
+
+import pandaGif from "../public/static/images/angry-panda.gif";
+
+const Center = styled("div", {
+  textAlign: "center",
+});
+
+const H1 = styled("h1", {
+  fontSize: "1.8em",
+  fontWeight: 500,
+  color: "$text",
+
+  "@medium": {
+    fontSize: "1.6em",
+  },
+});
+
+const fourOhFour = () => {
+  return (
+    <Center>
+      <Image src={pandaGif} alt="404s make panda angry..." priority />
+
+      <H1>404: Page Not Found</H1>
+
+      <Link href="/">Go home?</Link>
+    </Center>
+  );
+};
+
+export default fourOhFour;
diff --git a/public/static/images/angry-panda.gif b/public/static/images/angry-panda.gif
new file mode 100644
index 00000000..0161be72
Binary files /dev/null and b/public/static/images/angry-panda.gif differ