diff --git a/opentech/public/standardpages/templates/standardpages/information_page.html b/opentech/public/standardpages/templates/standardpages/information_page.html
index 878ae55ecf806dc2c9b6b5333c6b287bf56f01a9..3b6a7fe90832652efe3a9a834214836dc68d25c5 100644
--- a/opentech/public/standardpages/templates/standardpages/information_page.html
+++ b/opentech/public/standardpages/templates/standardpages/information_page.html
@@ -9,16 +9,15 @@
                 {% include "navigation/breadcrumbs.html" %}
             {% endblock %}
 
-            <h1>{{ page.title }}</h1>
-            <h5>{{ page.introduction }}</h5>
+            {% if page.introduction %}
+                <h4 class="heading heading--introduction">{{ page.introduction }}</h4>
+            {% endif %}
 
             {% include_block page.body %}
             {% include "includes/share.html" %}
 
         </section>
-
         {% sidebar %}
-
     </div>
 
     {% include "includes/relatedcontent.html" with related_pages=page.related_pages.all %}
diff --git a/opentech/static_src/src/sass/components/_heading.scss b/opentech/static_src/src/sass/components/_heading.scss
new file mode 100644
index 0000000000000000000000000000000000000000..7c3fa5fc47b7f494e1bd16f135956e577005f2ce
--- /dev/null
+++ b/opentech/static_src/src/sass/components/_heading.scss
@@ -0,0 +1,8 @@
+.heading {
+    &--introduction {
+        padding: 0 0 2rem;
+        margin: 2rem 0;
+        font-weight: $weight--light;
+        border-bottom: 1px solid $color--mid-grey;
+    }
+}
diff --git a/opentech/static_src/src/sass/main.scss b/opentech/static_src/src/sass/main.scss
index ad5b05fa11817a6633152cbe889bdb41fe09c1e7..2562ffb8f8bfb329f9283e68b7e647370325ce60 100755
--- a/opentech/static_src/src/sass/main.scss
+++ b/opentech/static_src/src/sass/main.scss
@@ -16,6 +16,7 @@
 @import 'components/card';
 @import 'components/call-to-action';
 @import 'components/form';
+@import 'components/heading';
 @import 'components/grid';
 @import 'components/icon';
 @import 'components/input';