diff --git a/src/components/H1/H1.css b/src/components/H1/H1.css
new file mode 100644
index 00000000..3848a1f0
--- /dev/null
+++ b/src/components/H1/H1.css
@@ -0,0 +1,5 @@
+.root {
+  font-size: 24px;
+  font-weight: normal;
+  letter-spacing: -0.6px;
+}
diff --git a/src/components/H1/H1.js b/src/components/H1/H1.js
new file mode 100644
index 00000000..058fa941
--- /dev/null
+++ b/src/components/H1/H1.js
@@ -0,0 +1,26 @@
+import React, { PropTypes } from 'react';
+import classNames from 'classnames';
+
+import css from './H1.css';
+
+const H1 = props => {
+  const { children, className, ...rest } = props;
+
+  const classes = classNames(css.root, className);
+
+  return <h1 className={classes} {...rest}>{children}</h1>;
+};
+
+const { node, string } = PropTypes;
+
+H1.defaultProps = {
+  children: null,
+  className: null,
+};
+
+H1.propTypes = {
+  children: node,
+  className: string,
+};
+
+export default H1;
diff --git a/src/components/index.js b/src/components/index.js
index 3513cc4a..9d86a216 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -6,6 +6,7 @@ import CurrencyInput from './CurrencyInput/CurrencyInput';
 import DateInput from './DateInput/DateInput';
 import Discussion from './Discussion/Discussion';
 import FilterPanel from './FilterPanel/FilterPanel';
+import H1 from './H1/H1';
 import HeroSection from './HeroSection/HeroSection';
 import Input from './Input/Input';
 import LabeledField from './LabeledField/LabeledField';
@@ -36,6 +37,7 @@ export {
   DateInput,
   Discussion,
   FilterPanel,
+  H1,
   HeroSection,
   Input,
   LabeledField,