diff --git a/lib/theme/Docs.js b/lib/theme/Docs.js
new file mode 100644
index 0000000000..ac697dde59
--- /dev/null
+++ b/lib/theme/Docs.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import Layout from '@theme/Layout';
+
+export default class Docs extends React.Component {
+  render() {
+    return <Layout>{this.props.children}</Layout>;
+  }
+}
diff --git a/lib/theme/Layout.js b/lib/theme/Layout.js
new file mode 100644
index 0000000000..f1dafba2e5
--- /dev/null
+++ b/lib/theme/Layout.js
@@ -0,0 +1,7 @@
+import React from 'react';
+
+export default class Layout extends React.Component {
+  render() {
+    return <div>{this.props.children}</div>;
+  }
+}
diff --git a/lib/theme/NotFound.js b/lib/theme/NotFound.js
new file mode 100644
index 0000000000..b8234a0422
--- /dev/null
+++ b/lib/theme/NotFound.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import Layout from '@theme/Layout';
+
+export default class NotFound extends React.Component {
+  render() {
+    return (
+      <Layout>
+        <div>404 Page Not Found</div>
+        <div>
+          <img src="https://i.imgur.com/yG7L3Lb.gif" />
+        </div>
+      </Layout>
+    );
+  }
+}