diff --git a/web/settings/account-settings.css b/web/settings/account-settings.css
new file mode 100644
--- /dev/null
+++ b/web/settings/account-settings.css
@@ -0,0 +1,10 @@
+.container {
+  padding: 40px;
+  width: 456px;
+}
+
+.header {
+  color: var(--fg);
+  font-weight: var(--semi-bold);
+  line-height: var(--line-height-display);
+}
diff --git a/web/settings/account-settings.react.js b/web/settings/account-settings.react.js
new file mode 100644
--- /dev/null
+++ b/web/settings/account-settings.react.js
@@ -0,0 +1,15 @@
+// @flow
+
+import * as React from 'react';
+
+import css from './account-settings.css';
+
+function AccountSettings(): React.Node {
+  return (
+    <div className={css.container}>
+      <h4 className={css.header}>My Account</h4>
+    </div>
+  );
+}
+
+export default AccountSettings;