Test colour without inset text

calvin-lau-sig7 · calvin-lau-sig7 · commit 82efce1b1ccb · 2025-04-08T12:21:10.000+01:00
markdown

Call tag
diff --git a/src/components/header/index.md b/src/components/header/index.md
@@ -63,6 +63,10 @@ For guidance on how to plan your header and navigation, see the [Help users navi
 
 ### Update to refresh the GOV.UK brand
 
+<strong class="govuk-tag brand-tag-green">
+  Brand
+</strong>
+
 If you use the Nunjucks macro and page template across your service, you can enable the brand refresh by setting the page template’s `rebrand` option to `true`. This will automatically make all needed changes related to the brand refresh.
 
 You can enable the brand refresh within the GOV.UK header component by setting its `rebrand` option to true. You’ll also need to add some code to your `<html>` and `<head>` elements.
diff --git a/src/styles/colour/index.md b/src/styles/colour/index.md
@@ -10,31 +10,32 @@ order: 12
 ---
 
 {% from "govuk/components/inset-text/macro.njk" import govukInsetText %}
-{% from "_brand-callout.njk" import brandCallout %}
+{%- from "govuk/components/tag/macro.njk" import govukTag -%}
 
 Always use the GOV.UK colour palette.
 
 {% call brandCallout({ text: "Brand", classes: "brand-tag-green" }) %}
 
-<h2>Brand changes to the {{title}}</h2>
-<p class="govuk-body">From June 2025, the colour palette will change to support a wider refresh of the GOV.UK brand. </p>
+<strong class="govuk-tag brand-tag-green">
+  Brand
+</strong>
 
-<p class="govuk-body">To get ready, service teams in government should now make updates to these components in their services:</p>
-<ul class="govuk-list govuk-list--bullet">
-  <li><a href="/components/header/" class="govuk-link">GOV.UK header component</a></li>
-  <li><a href="/components/footer/" class="govuk-link">GOV.UK footer component</a></li>
-  <li><a href="/components/service-navigation/" class="govuk-link">Service navigation component</a></li>
-</ul>
+Brand changes to {{title}}
 
-<p class="govuk-body">The updated colour palette will change the background colour of some components to light blue, instead of grey:</p>
-<ul class="govuk-list">
-<li>Cookie banner component</li>
-<li>GOV.UK footer component</li>
-</ul>
+From June 2025, the colour palette will change to support a wider refresh of the GOV.UK brand.
 
-<p class="govuk-body">As you update your service, check the colour contrast of these components on the page.</p>
+To get ready, service teams in government should now make updates to these components in their services:
 
-{% endcall %}
+- [GOV.UK header component](/components/header/)
+- [GOV.UK footer component](/components/footer/)
+- [Service navigation component](/components/service-navigation/)
+
+The updated colour palette will change the background colour of some components to light blue, instead of grey:
+
+- [Cookie banner component](/components/cookie-banner/)
+- [GOV.UK footer component](/components/footer/)
+
+As you update your service, check the colour contrast of these components on the page.
 
 ## Colour contrast
 
