diff --git a/web/app.react.js b/web/app.react.js
--- a/web/app.react.js
+++ b/web/app.react.js
@@ -37,6 +37,7 @@
 import VisibilityHandler from './redux/visibility-handler.react';
 import history from './router-history';
 import AccountSettings from './settings/account-settings.react';
+import DangerZone from './settings/danger-zone.react';
 import LeftLayoutAside from './sidebar/left-layout-aside.react';
 import Splash from './splash/splash.react';
 import './typography.css';
@@ -149,17 +150,19 @@
 
   renderMainContent() {
     let mainContent;
-    if (this.props.navInfo.tab === 'calendar') {
+    const { tab, settingsSection } = this.props.navInfo;
+    if (tab === 'calendar') {
       mainContent = <Calendar url={this.props.location.pathname} />;
-    } else if (this.props.navInfo.tab === 'chat') {
+    } else if (tab === 'chat') {
       mainContent = <Chat />;
-    } else if (this.props.navInfo.tab === 'apps') {
+    } else if (tab === 'apps') {
       mainContent = <AppsDirectory />;
-    } else if (
-      this.props.navInfo.tab === 'settings' &&
-      this.props.navInfo.settingsSection === 'account'
-    ) {
-      mainContent = <AccountSettings />;
+    } else if (tab === 'settings') {
+      if (settingsSection === 'account') {
+        mainContent = <AccountSettings />;
+      } else if (settingsSection === 'danger-zone') {
+        mainContent = <DangerZone />;
+      }
     }
 
     return (
diff --git a/web/settings/danger-zone.css b/web/settings/danger-zone.css
new file mode 100644
--- /dev/null
+++ b/web/settings/danger-zone.css
@@ -0,0 +1,9 @@
+.container {
+  padding: 40px;
+}
+
+.header {
+  color: var(--fg);
+  font-weight: var(--semi-bold);
+  line-height: var(--line-height-display);
+}
diff --git a/web/settings/danger-zone.react.js b/web/settings/danger-zone.react.js
new file mode 100644
--- /dev/null
+++ b/web/settings/danger-zone.react.js
@@ -0,0 +1,15 @@
+// @flow
+
+import * as React from 'react';
+
+import css from './danger-zone.css';
+
+function DangerZone(): React.Node {
+  return (
+    <div className={css.container}>
+      <h4 className={css.header}>Danger Zone</h4>
+    </div>
+  );
+}
+
+export default DangerZone;