Add typography examples to sample site

nice-digital · Sep 3, 2018 · 33fdbea · 33fdbea
1 parent cd8f8b7
commit 33fdbea
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/server/views/components/typography.njk b/server/views/components/typography.njk
@@ -1,19 +1,26 @@
 {% extends "layouts/_layout.njk" %}
-{% set title = "Lists" %}
+{% set title = "Typography" %}
 
 {% block body %}
 
 	<div class="container">
 
-		<h1>Links</h1>
+		<h1>This is a heading<br>level 1 heading</h1>
+		<h2>This is a heading<br>level 2 heading</h2>
+		<h3>This is a heading<br>level 3 heading</h3>
+		<h4>This is a heading<br>level 4 heading</h4>
+		<h5>This is a heading<br>level 5 heading</h5>
+		<h6>This is a heading<br>level 6 heading</h6>
 
-		<h2>Body copy links</h2>
+		<h2>Links</h2>
+
+		<h3>Body copy links</h3>
 
 		<p>
 			This is <a href="#">a link</a> in some body copy.
 		</p>
 
-		<h2>Inverse links</h2>
+		<h3>Inverse links</h3>
 
 		<div class="panel panel--dark">
 			<h3><a href="#">This is a heading 3</a></h3>
@@ -35,7 +42,7 @@
 			</p>
 		</div>
 
-		<h2>Header links</h2>
+		<h3>Header links</h3>
 
 		<h1><a href="#">This is a heading 1</a></h1>
 		<h2><a href="#">This is a heading 2</a></h2>