From f920bab3e50ca39e02de83621e49c46b3a851de5 Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Fri, 2 Jun 2017 15:01:54 +0100
Subject: [PATCH] Add guidance on font size for confirmation page

This now sits above the example it relates to.
---
 app/views/guide_colour.html | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/views/guide_colour.html b/app/views/guide_colour.html
index 2999e6a01..4633b2603 100755
--- a/app/views/guide_colour.html
+++ b/app/views/guide_colour.html
@@ -359,12 +359,19 @@ <h4 class="heading-small">GOV.UK blue</h4>
   </p>
 
   <h3 class="heading-medium" id="examples">Examples</h3>
-  <h4 class="heading-small">Transaction end page</h4>
+  <h4 class="heading-small">Confirmation page</h4>
 
-  <div class="example">
+  <div class="text">
+    <div class="panel panel-border-wide">
+      <p>
+        When using the white text on a turquoise background &mdash; ensure the minimum text size is 24px normal weight, or 19px bold. This is to meet colour contrast ratio requirements.
+      </p>
+    </div>
+  </div>
 
-  <div class="grid-row">
-    <div class="column-two-thirds">
+  <div class="example">
+    <div class="grid-row">
+      <div class="column-two-thirds">
 
         <h1 class="heading-xlarge">
           Example service name
@@ -393,11 +400,8 @@ <h2 class="heading-medium">
         <p>
           They will contact you either to confirm your registration, or to ask for more information.
         </p>
-
       </div>
     </div>
-
   </div>
-
 </main><!-- / #content -->
 {% endblock %}