diff --git a/src/components/marketing/Title.stories.tsx b/src/components/marketing/Title.stories.tsx
new file mode 100644
index 00000000..889f8f6a
--- /dev/null
+++ b/src/components/marketing/Title.stories.tsx
@@ -0,0 +1,10 @@
+import React from 'react';
+
+import { Title } from './Title';
+
+export default {
+  title: 'Marketing/Title',
+  component: Title,
+};
+
+export const Default = () => <Title>Title</Title>;
diff --git a/src/components/marketing/Title.tsx b/src/components/marketing/Title.tsx
new file mode 100644
index 00000000..9dc37f60
--- /dev/null
+++ b/src/components/marketing/Title.tsx
@@ -0,0 +1,12 @@
+import React, { ComponentProps, FC } from 'react';
+import { styled } from '@storybook/theming';
+import { typography, color } from '../shared/styles';
+
+const StyledTitle = styled.h3`
+  font-weight: ${typography.weight.black};
+  font-size: ${typography.size.m2}px;
+  line-height: ${typography.size.m3}px;
+  color: ${color.darkest};
+`;
+
+export const Title: FC<ComponentProps<typeof StyledTitle>> = (props) => <StyledTitle {...props} />;