Merge pull request #1201 from alphagov/heading-sizes

Change default heading size and update guidance
alphagov · Apr 9, 2020 · 415df5a · 415df5a
2 parents 6587398 + 3ab5c38
commit 415df5a
Show file tree

Hide file tree

Showing 56 changed files with 64 additions and 66 deletions.
diff --git a/src/components/character-count/label-page-heading/index.njk b/src/components/character-count/label-page-heading/index.njk
@@ -9,7 +9,7 @@ layout: layout-example.njk
   maxlength: 200,
   label: {
     text: "Describe the nature of your event",
-    classes: "govuk-label--xl",
+    classes: "govuk-label--l",
     isPageHeading: true
   }
 }) }}
diff --git a/src/components/checkboxes/conditional-reveal/index.njk b/src/components/checkboxes/conditional-reveal/index.njk
@@ -52,7 +52,7 @@ layout: layout-example.njk
     legend: {
       text: "How would you like to be contacted?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/checkboxes/default/index.njk b/src/components/checkboxes/default/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "Which types of waste do you transport?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/checkboxes/error/index.njk b/src/components/checkboxes/error/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "What is your nationality?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/checkboxes/hint/index.njk b/src/components/checkboxes/hint/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "What is your nationality?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/date-input/date-of-birth/index.njk b/src/components/date-input/date-of-birth/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "What is your date of birth?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/date-input/default/index.njk b/src/components/date-input/default/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "When was your passport issued?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/date-input/error/index.njk b/src/components/date-input/error/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "When was your passport issued?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/error-message/default/index.njk b/src/components/error-message/default/index.njk
@@ -10,7 +10,7 @@ layout: layout-example.njk
     legend: {
       text: "When was your passport issued?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/error-message/legend/index.njk b/src/components/error-message/legend/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "What is your nationality?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/error-summary/full-page-example/index.njk b/src/components/error-summary/full-page-example/index.njk
@@ -35,7 +35,7 @@ layout: layout-example-full-page.njk
             legend: {
               isPageHeading: true,
               text: 'When was your passport issued?',
-              classes: 'govuk-fieldset__legend--xl'
+              classes: 'govuk-fieldset__legend--l'
             }
           },
           id: 'passport-issued',

diff --git a/src/components/error-summary/linking-checkboxes-radios/index.njk b/src/components/error-summary/linking-checkboxes-radios/index.njk
@@ -23,7 +23,7 @@ layout: layout-example.njk
     legend: {
       text: "What is your nationality?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/error-summary/linking-multiple-fields/index.njk b/src/components/error-summary/linking-multiple-fields/index.njk
@@ -21,7 +21,7 @@ layout: layout-example.njk
     legend: {
       isPageHeading: true,
       text: 'When was your passport issued?',
-      classes: 'govuk-fieldset__legend--xl'
+      classes: 'govuk-fieldset__legend--l'
     }
   },
   id: 'passport-issued',

diff --git a/src/components/error-summary/linking/index.njk b/src/components/error-summary/linking/index.njk
@@ -16,7 +16,7 @@ layout: layout-example.njk
   ]
 }) }}
 
-<h1 class="govuk-heading-xl">Your details</h1>
+<h1 class="govuk-heading-l">Your details</h1>
 
 {{ govukInput({
   label: {

diff --git a/src/components/fieldset/address-group/index.njk b/src/components/fieldset/address-group/index.njk
@@ -11,7 +11,7 @@ stylesheets:
 {% call govukFieldset({
   legend: {
     text: "What is your address?",
-    classes: "govuk-fieldset__legend--xl",
+    classes: "govuk-fieldset__legend--l",
     isPageHeading: true
   }
 }) %}

diff --git a/src/components/fieldset/default/index.njk b/src/components/fieldset/default/index.njk
@@ -8,7 +8,7 @@ layout: layout-example.njk
 {{ govukFieldset({
   legend: {
     text: "Legend as page heading",
-    classes: "govuk-fieldset__legend--xl",
+    classes: "govuk-fieldset__legend--l",
     isPageHeading: true
   }
 }) }}
diff --git a/src/components/radios/conditional-reveal/index.njk b/src/components/radios/conditional-reveal/index.njk
@@ -52,7 +52,7 @@ layout: layout-example.njk
     legend: {
       text: "How would you prefer to be contacted?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/radios/default/index.njk b/src/components/radios/default/index.njk
@@ -13,7 +13,7 @@ layout: layout-example.njk
     legend: {
       text: "Have you changed your name?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/radios/divider/index.njk b/src/components/radios/divider/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "Where do you live?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   items: [

diff --git a/src/components/radios/error/index.njk b/src/components/radios/error/index.njk
@@ -13,7 +13,7 @@ layout: layout-example.njk
     legend: {
       text: "Have you changed your name?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/radios/hint/index.njk b/src/components/radios/hint/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "How do you want to sign in?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/components/radios/stacked/index.njk b/src/components/radios/stacked/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "Where do you live?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   items: [

diff --git a/src/errors/404.njk b/src/errors/404.njk
@@ -6,7 +6,7 @@ ignore_in_sitemap: true
 
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-two-thirds">
-    <h1 class="govuk-heading-xl">Page not found</h1>
+    <h1 class="govuk-heading-l">Page not found</h1>
 
     <p class="govuk-body">If you typed the web address, check it is correct.</p>
     <p class="govuk-body">If you pasted the web address, check you copied the entire address.</p>

diff --git a/src/errors/generic.njk b/src/errors/generic.njk
@@ -6,7 +6,7 @@ ignore_in_sitemap: true
 
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-two-thirds">
-    <h1 class="govuk-heading-xl">Sorry, there is a problem with the service</h1>
+    <h1 class="govuk-heading-l">Sorry, there is a problem with the service</h1>
     <p class="govuk-body-l">Try again later.</p>
 
     <p class="govuk-body">

diff --git a/src/get-started/labels-legends-headings/label-h1/index.njk b/src/get-started/labels-legends-headings/label-h1/index.njk
@@ -7,12 +7,12 @@ layout: layout-example.njk
 
 {{ govukInput({
   label: {
-    text: "govuk-label--xl",
-    classes: "govuk-label--xl",
+    text: "govuk-label--l",
+    classes: "govuk-label--l",
     isPageHeading: true
   },
   hint: {
-    text: "This example shows an <h1> around a <label> with the class of govuk-label--xl"
+    text: "This example shows an <h1> around a <label> with the class of govuk-label--l"
   },
   id: "example",
   name: "example"

diff --git a/src/get-started/labels-legends-headings/legend-h1/index.njk b/src/get-started/labels-legends-headings/legend-h1/index.njk
@@ -12,13 +12,13 @@ layout: layout-example.njk
   name: "checkbox",
   fieldset: {
     legend: {
-      text: "govuk-fieldset__legend--xl",
+      text: "govuk-fieldset__legend--l",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {
-    text: "This example shows an <h1> inside a <legend> with the class of govuk-fieldset__legend--xl."
+    text: "This example shows an <h1> inside a <legend> with the class of govuk-fieldset__legend--l."
   },
   items: [
     {

diff --git a/src/patterns/addresses/multiple/index.njk b/src/patterns/addresses/multiple/index.njk
@@ -11,7 +11,7 @@ stylesheets:
 {% call govukFieldset({
   legend: {
     text: "What is your address?",
-    classes: "govuk-fieldset__legend--xl",
+    classes: "govuk-fieldset__legend--l",
     isPageHeading: true
   }
 }) %}

diff --git a/src/patterns/bank-details/branch/index.njk b/src/patterns/bank-details/branch/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
   fieldset: {
     legend: {
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl",
+      classes: "govuk-fieldset__legend--l",
       text: "How do you want to be paid?"
     }
   },

diff --git a/src/patterns/bank-details/default/index.njk b/src/patterns/bank-details/default/index.njk
@@ -6,7 +6,7 @@ layout: layout-example.njk
 {% from "govuk/components/button/macro.njk" import govukButton %}
 {% from "govuk/components/input/macro.njk" import govukInput %}
 
-<h1 class="govuk-heading-xl">Bank or building society account details</h1>
+<h1 class="govuk-heading-l">Bank or building society account details</h1>
 
 {{ govukInput({
   label: {

diff --git a/src/patterns/check-answers/default/index.njk b/src/patterns/check-answers/default/index.njk
@@ -20,7 +20,7 @@ layout: layout-example-full-page.njk
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds-from-desktop">
 
-      <h1 class="govuk-heading-xl">Check your answers before sending your application</h1>
+      <h1 class="govuk-heading-l">Check your answers before sending your application</h1>
 
       <h2 class="govuk-heading-m">Personal details</h2>
 

diff --git a/src/patterns/dates/default/index.njk b/src/patterns/dates/default/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "When was your passport issued?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/patterns/dates/error/index.njk b/src/patterns/dates/error/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "When was your passport issued?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/patterns/dates/memorable-date/index.njk b/src/patterns/dates/memorable-date/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "What is your date of birth?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   hint: {

diff --git a/src/patterns/ethnic-group/default/index.njk b/src/patterns/ethnic-group/default/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "What is your ethnic group?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   items: [

diff --git a/src/patterns/ethnic-group/error/index.njk b/src/patterns/ethnic-group/error/index.njk
@@ -12,7 +12,7 @@ layout: layout-example.njk
     legend: {
       text: "What is your ethnic group?",
       isPageHeading: true,
-      classes: "govuk-fieldset__legend--xl"
+      classes: "govuk-fieldset__legend--l"
     }
   },
   errorMessage: {

diff --git a/src/patterns/page-not-found-pages/default/index.njk b/src/patterns/page-not-found-pages/default/index.njk
@@ -9,7 +9,7 @@ layout: layout-example-full-page.njk
 {% block content %}
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds">
-        <h1 class="govuk-heading-xl">Page not found</h1>
+        <h1 class="govuk-heading-l">Page not found</h1>
         <p class="govuk-body">
           If you typed the web address, check it is correct.
         </p>

diff --git a/src/patterns/problem-with-the-service-pages/default/index.njk b/src/patterns/problem-with-the-service-pages/default/index.njk
@@ -9,7 +9,7 @@ layout: layout-example-full-page.njk
 {% block content %}
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds">
-      <h1 class="govuk-heading-xl">Sorry, there is a problem with the service</h1>
+      <h1 class="govuk-heading-l">Sorry, there is a problem with the service</h1>
       <p class="govuk-body">Try again later.</p>
       <p class="govuk-body">We saved your answers. They will be available for 30 days.</p>
       <p class="govuk-body">

diff --git a/src/patterns/problem-with-the-service-pages/link-to-another-service/index.njk b/src/patterns/problem-with-the-service-pages/link-to-another-service/index.njk
@@ -9,7 +9,7 @@ layout: layout-example-full-page.njk
 {% block content %}
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds">
-      <h1 class="govuk-heading-xl">Sorry, there is a problem with the service</h1>
+      <h1 class="govuk-heading-l">Sorry, there is a problem with the service</h1>
       <p class="govuk-body">Try again later.</p>
       <p class="govuk-body">
         You can <a class="govuk-link" href="#">change other VAT details</a>.

diff --git a/src/patterns/problem-with-the-service-pages/offline-support/index.njk b/src/patterns/problem-with-the-service-pages/offline-support/index.njk
@@ -9,7 +9,7 @@ layout: layout-example-full-page.njk
 {% block content %}
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds">
-      <h1 class="govuk-heading-xl">Sorry, there is a problem with the service</h1>
+      <h1 class="govuk-heading-l">Sorry, there is a problem with the service</h1>
       <p class="govuk-body">Try again later.</p>
       <p class="govuk-body">
         We have not saved your answers. When the service is available, you will have to start again.

diff --git a/src/patterns/question-pages/date-of-birth/index.njk b/src/patterns/question-pages/date-of-birth/index.njk
@@ -26,7 +26,7 @@ layout: layout-example-full-page.njk
             legend: {
               text: "What is your date of birth?",
               isPageHeading: true,
-              classes: "govuk-fieldset__legend--xl"
+              classes: "govuk-fieldset__legend--l"
             }
           },
           hint: {

diff --git a/src/patterns/question-pages/default/index.njk b/src/patterns/question-pages/default/index.njk
@@ -27,7 +27,7 @@ layout: layout-example-full-page.njk
             legend: {
               text: "Where do you live?",
               isPageHeading: true,
-              classes: "govuk-fieldset__legend--xl"
+              classes: "govuk-fieldset__legend--l"
             }
           },
           items: [

diff --git a/src/patterns/question-pages/passport/index.njk b/src/patterns/question-pages/passport/index.njk
@@ -19,7 +19,7 @@ layout: layout-example-full-page.njk
 {% block content %}
   <div class="govuk-grid-row">
     <div class="govuk-grid-column-two-thirds">
-      <h1 class="govuk-heading-xl">Passport details</h1>
+      <h1 class="govuk-heading-l">Passport details</h1>
 
       <form action="/form-handler" method="post" novalidate>