diff --git a/src/stylesheets/components/_mainPageHeader.scss b/src/stylesheets/components/_mainPageHeader.scss
new file mode 100644
index 0000000..042e327
--- /dev/null
+++ b/src/stylesheets/components/_mainPageHeader.scss
@@ -0,0 +1,13 @@
+.mainPageHeader {
+	background-color: $primary-colour;
+	padding: 2rem 0;
+	color: white;
+	font-size: 1.5em;
+	text-align: center;
+	font-weight: bold;
+	font-size: 3rem;
+
+	@include respond-to('medium') {
+		padding: 4rem 0;
+	}
+}
diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss
index aa8c928..a939b64 100644
--- a/src/stylesheets/main.scss
+++ b/src/stylesheets/main.scss
@@ -12,5 +12,6 @@
 @import 'components/testimonial';
 @import 'components/title';
 @import 'components/form';
+@import 'components/mainPageHeader';
 
 @import 'pages/index';
diff --git a/views/partials/mainPageHeader.hbs b/views/partials/mainPageHeader.hbs
new file mode 100644
index 0000000..ec16674
--- /dev/null
+++ b/views/partials/mainPageHeader.hbs
@@ -0,0 +1,3 @@
+<section class='mainPageHeader'>
+	{{ name }}
+</section>