Update page template examples

CHANGELOG.md

@@ -1,5 +1,9 @@
 # NHS digital service manual Changelog
 
+## Unreleased
+:wrench: **Maintenance**
+- Update page template examples to make the default example size l and inside the grid system
+
 ## 6.3.0 – 17 April 2024
 :new: **New features**
 - Add page on new accessibility requirements: WCAG 2.2

app/views/design-system/styles/page-template/content/index.njk

@@ -56,7 +56,7 @@
 {% block content %}
   <div class="nhsuk-grid-row">
     <div class="nhsuk-grid-column-two-thirds">
-      <h1>
+      <h1 class="nhsuk-heading-xl">
         Content page template
       </h1>
     </div>

app/views/design-system/styles/page-template/default/index.njk

@@ -1,5 +1,11 @@
 {% extends "includes/template.njk" %}
 
 {% block content %}
-  <h1>Default page template</h1>
+  <div class="nhsuk-grid-row">
+    <div class="nhsuk-grid-column-two-thirds">
+      <h1 class="nhsuk-heading-l">
+        Default page template
+      </h1>
+    </div>
+  </div>
 {% endblock %}

app/views/design-system/styles/page-template/index.njk

@@ -78,6 +78,8 @@
 
   <p>The content page template example includes navigation and search in the <a href="/design-system/components/header">header</a> and a <a href="/design-system/components/back-link">breadcrumbs</a> component.</p>
 
+  <p>The <code>{{ "<h1>" | escape }}</code> uses a class of <code>nhsuk-heading-xl</code> as content pages may need more heading levels.</p>
+
   {{ designExample({
     group: "styles",
     item: "page-template",