diff --git a/.storybook/.babelrc.js b/.storybook/.babelrc.js
deleted file mode 100644
index b8871e8..0000000
--- a/.storybook/.babelrc.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = require('../.babelrc.js');
diff --git a/.storybook/main.js b/.storybook/main.js
deleted file mode 100644
index d83dd97..0000000
--- a/.storybook/main.js
+++ /dev/null
@@ -1,27 +0,0 @@
-const path = require('path');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
-const { NormalModuleReplacementPlugin } = require('webpack');
-
-module.exports = {
-    stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-    addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
-    webpackFinal: async (config, { configType }) => {
-        config.resolve.plugins = [
-            new TsconfigPathsPlugin({
-                configFile: path.resolve(__dirname, '../tsconfig.json'),
-            }),
-        ];
-
-        config.resolve.alias['next/link'] = path.resolve(
-            __dirname,
-            'mocks/next_link.tsx'
-        );
-
-        return config;
-    },
-    typescript: {
-        checkOptions: {
-            tsconfig: path.resolve(__dirname, '../tsconfig.stories.json'),
-        },
-    },
-};
diff --git a/.storybook/manager.js b/.storybook/manager.js
deleted file mode 100644
index 69a5b09..0000000
--- a/.storybook/manager.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import { addons } from '@storybook/addons';
-import { roleypolyTheme } from './theme';
-
-addons.setConfig({
-    theme: roleypolyTheme,
-});
diff --git a/.storybook/mocks/next_link.tsx b/.storybook/mocks/next_link.tsx
deleted file mode 100644
index b921931..0000000
--- a/.storybook/mocks/next_link.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import * as React from 'react';
-
-type Props = {
-    children: React.ReactNode;
-};
-const Link = (props: Props) => <>{props.children}</>;
-
-export default Link;
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
deleted file mode 100644
index cc5994e..0000000
--- a/.storybook/preview-head.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<script>
-  (function (d) {
-    var config = {
-        kitId: "bck0pci",
-        scriptTimeout: 3000,
-        async: true,
-      },
-      h = d.documentElement,
-      t = setTimeout(function () {
-        h.className =
-          h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive";
-      }, config.scriptTimeout),
-      tk = d.createElement("script"),
-      f = false,
-      s = d.getElementsByTagName("script")[0],
-      a;
-    h.className += " wf-loading";
-    tk.src = "https://use.typekit.net/" + config.kitId + ".js";
-    tk.async = true;
-    tk.onload = tk.onreadystatechange = function () {
-      a = this.readyState;
-      if (f || (a && a != "complete" && a != "loaded")) return;
-      f = true;
-      clearTimeout(t);
-      try {
-        Typekit.load(config);
-      } catch (e) {}
-    };
-    s.parentNode.insertBefore(tk, s);
-  })(document);
-</script>
-<style>
-  body {
-    font-family: "source-han-sans-japanese", "Source Sans Pro", sans-serif,
-      "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
-    color: #f2efef;
-    background-color: #453e3d;
-    margin: 0;
-  }
-</style>
diff --git a/.storybook/preview.js b/.storybook/preview.js
deleted file mode 100644
index 577de29..0000000
--- a/.storybook/preview.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { roleypolyTheme } from './theme';
-import { mdxComponents } from '../src/design-system/atoms/typography/mdx';
-
-export const parameters = {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    docs: {
-        theme: roleypolyTheme,
-        components: mdxComponents,
-    },
-};
diff --git a/.storybook/theme.js b/.storybook/theme.js
deleted file mode 100644
index 54c6d43..0000000
--- a/.storybook/theme.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import { create } from '@storybook/theming';
-import { palette } from '../src/design-system/atoms/colors';
-
-export const roleypolyTheme = create({
-    base: 'dark',
-
-    colorPrimary: palette.green400,
-    colorSecondary: palette.taupe200,
-
-    // UI
-    appBg: palette.taupe300,
-    appContentBg: palette.taupe200,
-    appBorderColor: palette.taupe100,
-    appBorderRadius: 0,
-
-    // Typography
-    fontBase: 'system-ui, sans-serif',
-    fontCode: 'monospace',
-
-    // Text colors
-    textColor: palette.grey600,
-    textInverseColor: palette.grey100,
-
-    // Toolbar default and active colors
-    barTextColor: palette.taupe500,
-    barSelectedColor: palette.taupe600,
-    barBg: palette.taupe100,
-
-    // Form colors
-    inputBg: 'rgba(0,0,0,0.24)',
-    inputBorder: palette.taupe100,
-    inputTextColor: palette.grey600,
-    inputBorderRadius: 0,
-});