diff --git a/src/lib/templates/Heading.svelte b/src/lib/templates/Heading.svelte
new file mode 100644
index 0000000..3a4d0e7
--- /dev/null
+++ b/src/lib/templates/Heading.svelte
@@ -0,0 +1,34 @@
+<script>
+	import { templates } from '$lib/templates/templates';
+
+	/** @type number */ export let templateIndex;
+	import { heading } from '$lib/stores/store';
+</script>
+
+{#if $heading && templates[templateIndex].heading}
+	<div
+		class="heading"
+		style="
+  top: {templates[templateIndex].heading.top}px;
+  height: {templates[templateIndex].heading.height}rem;
+  left: {templates[templateIndex].heading.left}rem;
+  right: {templates[templateIndex].heading.right}rem;
+  color: {templates[templateIndex].heading.color};
+  font-size: {templates[templateIndex].heading.fontSize}rem;
+  font-family: {templates[templateIndex].heading.fontFamily};
+	text-align: {templates[templateIndex].heading.textAlign};
+	font-weight: {templates[templateIndex].heading.fontWeight};
+	line-height: {templates[templateIndex].heading.lineHeight}rem;
+  "
+	>
+		{$heading}
+	</div>
+{/if}
+
+<style>
+	.heading {
+		position: absolute;
+		font-variant: small-caps;
+		overflow: hidden;
+	}
+</style>