1 files changed, 30 insertions, 0 deletions
diff --git a/packages/website/ts/pages/fullscreen_message.tsx b/packages/website/ts/pages/fullscreen_message.tsx
new file mode 100644
index 000000000..141fb38a4
--- /dev/null
+++ b/packages/website/ts/pages/fullscreen_message.tsx
@@ -0,0 +1,30 @@
+import { Styles } from '@0xproject/react-shared';
+import * as React from 'react';
+
+export interface FullscreenMessageProps {
+    headerText: string;
+    bodyText: string;
+}
+
+const styles: Styles = {
+    thin: {
+        fontWeight: 100,
+    },
+};
+
+export const FullscreenMessage = (props: FullscreenMessageProps) => {
+    return (
+        <div className="mx-auto max-width-4 py4">
+            <div className="center py4">
+                <div className="py4">
+                    <div className="py4">
+                        <h1 style={{ ...styles.thin }}>{props.headerText}</h1>
+                        <div className="py1">
+                            <div className="py3">{props.bodyText}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};