diff --git a/src/Button.stories.tsx b/src/Button.stories.tsx
new file mode 100644
index 0000000..676fbe2
--- /dev/null
+++ b/src/Button.stories.tsx
@@ -0,0 +1,21 @@
+import { Story, Meta } from '@storybook/react/types-6-0';
+import { Button, ButtonProps } from '@mui/material';
+
+export default {
+  title: 'Button',
+  component: Button,
+  argType: {},
+} as Meta;
+
+const Template: Story<ButtonProps> = (args) => {
+
+  return (
+    <Button {...args}>Button</Button>
+  );
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  variant: 'contained',
+  size: 'medium',
+}
diff --git a/src/Typography.stories.tsx b/src/Typography.stories.tsx
new file mode 100644
index 0000000..038440a
--- /dev/null
+++ b/src/Typography.stories.tsx
@@ -0,0 +1,20 @@
+import { Story, Meta } from '@storybook/react/types-6-0';
+import { Typography, TypographyProps } from '@mui/material';
+
+export default {
+  title: 'Typography',
+  component: Typography,
+  argType: {},
+} as Meta;
+
+const Template: Story<TypographyProps> = (args) => {
+
+  return (
+    <Typography {...args}>Typography</Typography>
+  );
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  variant: 'h1',
+}
diff --git a/src/theme/index.ts b/src/theme/index.ts
index 974dc12..7c5eec2 100644
--- a/src/theme/index.ts
+++ b/src/theme/index.ts
@@ -65,9 +65,9 @@ theme = createTheme(theme, {
     MuiButton: {
       variants: [
         {
-          props: { size: "xsmall" },
+          props: { size: "xLarge" },
           style: {
-            padding: "2px 10px",
+            padding: "11px 22px",
           },
         },
       ],
diff --git a/src/theme/typography.ts b/src/theme/typography.ts
index 5bb0b82..83078fd 100644
--- a/src/theme/typography.ts
+++ b/src/theme/typography.ts
@@ -5,6 +5,8 @@ import { TypographyStyleOptions } from '@mui/material/styles/createTypography';
 declare module '@mui/material/styles' {
   export interface TypographyVariantsOptions {
     body3?: TypographyStyleOptions;
+    display1?: TypographyStyleOptions;
+    display2?: TypographyStyleOptions;
   }
 }
 
@@ -64,7 +66,16 @@ const typography: TypographyVariantsOptions = {
     letterSpacing: "1px",
     lineHeight: "32px",
   },
-  
+  display1: {
+    fontSize: "52px",
+    lineHeight: "56px",
+    letterSpacing: "-0.32px",
+  },
+  display2: {
+    fontSize: "44px",
+    lineHeight: "48px",
+    letterSpacing: "-0.32px",
+  },
 };
 
 export default typography;