Merge pull request #481 from alphagov/confirmation-box-font-size

Add guidance on font size for confirmation page
alphagov · Jun 5, 2017 · 9603cba · 9603cba
2 parents 9e11ef7 + f920bab
commit 9603cba
Showing 1 changed file with 11 additions and 7 deletions.
diff --git 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 %}