You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<h2>Brand changes might affect the {{title}} component</h2><pclass="govuk-body">From June 2025, parts of the Design System will be updated to support a wider refresh of the GOV.UK brand. <ahref="#/">See the refreshed GOV.UK brand identity.</a></p>
17
+
<h2>Brand changes might affect the {{title}} component</h2><pclass="govuk-body">From June 2025, parts of the Design System will change to support a wider refresh of the GOV.UK brand. </p>
18
18
19
19
<pclass="govuk-body"><ahref="/components/header/">Changes to the GOV.UK header component will increase its height by 60px</a>, which might affect the {{title}} in your service.</p>
<h2>Brand changes might affect the {{title}} component</h2><pclass="govuk-body">From June 2025, parts of the Design System will be updated to support a wider refresh of the GOV.UK brand. <ahref="/components/header/">See the refreshed GOV.UK brand identity.</a></p>
19
+
<h2>Brand changes might affect the {{title}} component</h2><pclass="govuk-body">From June 2025, parts of the Design System will change to support a wider refresh of the GOV.UK brand. </p>
20
20
21
21
<pclass="govuk-body"><ahref="#/">Changes to the GOV.UK header component will increase its height by 60px</a>, which might affect the {{title}} component in your service.</p>
<h2>Brand changes might affect the {{title}} component</h2><pclass="govuk-body">From June 2025, parts of the Design System will be updated to support a wider refresh of the GOV.UK brand. <ahref="/components/header/">See the refreshed GOV.UK brand identity.</a></p>
21
+
<h2>Brand changes might affect the {{title}} component</h2><pclass="govuk-body">From June 2025, parts of the Design System will change to support a wider refresh of the GOV.UK brand. </p>
22
22
23
23
<pclass="govuk-body"><ahref="#/">Changes to the GOV.UK header component will increase its height by 60px</a>, which might affect the {{title}} in your service.</p>
<h2>Brand changes to the {{title}} component</h2><pclass="govuk-body">From June 2025, the {{title}} component will be updated to support a wider refresh of the GOV.UK brand. <ahref="#/">See the refreshed GOV.UK brand identity.</a>
22
+
<h2>Brand changes to the {{title}} component</h2><pclass="govuk-body">From June 2025, the {{title}} component will change to support a wider refresh of the GOV.UK brand. </a></p>
<li>uses a light blue as the background colour, instead of grey</li>
27
27
<li>adds a thick blue top border</li>
28
28
<li>adds a small crown logo, in addition to the existing coat of arms</li>
29
29
</ul>
30
-
<pclass="govuk-body">To help you get ready to use the new branding by June 2025, <ahref="#update-to-refresh-the-govuk-brand/">we’ve provided several options to update your service</a>.</p>
30
+
<pclass="govuk-body">To help service teams in government get ready to use the new branding by June 2025, <ahref="#update-to-refresh-the-govuk-brand/">we’ve provided several options to update their services</a>.</p>
Copy file name to clipboardExpand all lines: src/components/header/index.md
+9-11Lines changed: 9 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -16,22 +16,25 @@ The GOV.UK header component tells users they’re using a service on GOV.UK and
16
16
17
17
<strongclass="govuk-tag brand-tag-green">
18
18
Brand
19
-
</strong>
20
-
<ahref="#">See an example of the GOV.UK header showing the refreshed GOV.UK branding</a>.
19
+
</strong>
20
+
<pclass="govuk-body"><ahref="#">See an example of the GOV.UK header showing the refreshed GOV.UK branding</a>.</p>
21
21
22
22
If you use the page template, you'll also get the GOV.UK header without having to add it, as it's included by default. However, if you want to customise the default GOV.UK header, read the [page template guidance about customising components](/styles/page-template/#changing-template-content).
<h2>Brand changes to the {{title}} component</h2><pclass="govuk-body">From June 2025, the {{title}} component will be updated to support a wider refresh of the GOV.UK brand. <ahref="#/">See the refreshed GOV.UK brand identity.</a>
26
+
<h2>Brand changes to the {{title}} component</h2>
27
+
<pclass="govuk-body">From June 2025, the {{title}} component will change to support a wider refresh of the GOV.UK brand. </p>
<li>uses blue as the background colour, instead of black</li>
31
33
<li>uses a new logo and wordmark lockup</li>
32
34
<li>adds 60px in height</li>
33
35
</ul>
34
-
<pclass="govuk-body">To help you get ready to use the new branding by June 2025, <ahref="#update-to-refresh-the-govuk-brand">we’ve provided several options to update your service</a>.</p>
36
+
37
+
<pclass="govuk-body">To help service teams in government get ready to use the new branding by June 2025, <ahref="#update-to-refresh-the-govuk-brand">we’ve provided several options to update their services</a>.</p>
35
38
{% endcall %}
36
39
37
40
## When to use this component
@@ -83,8 +86,8 @@ It should only show the GOV.UK logo and any GOV.UK-wide links and tools to help
83
86
84
87
<strongclass="govuk-tag brand-tag-green">
85
88
Brand
86
-
</strong>
87
-
<ahref="#">See an example of the default GOV.UK header showing the refreshed GOV.UK branding</a>.
89
+
</strong>
90
+
<pclass="govuk-body"><ahref="#">See an example of the GOV.UK header showing the refreshed GOV.UK branding</a>.</p>
88
91
89
92
### Previous variants of the GOV.UK header
90
93
@@ -107,11 +110,6 @@ We’ve deprecated the [GOV.UK header with service name](/components/header/with
107
110
108
111
Use the Service navigation component to show your service name instead. We recommend teams to start updating existing services.
109
112
110
-
<strongclass="govuk-tag brand-tag-green">
111
-
Brand
112
-
</strong>
113
-
<ahref="#">See an example of the GOV.UK header with service name showing the refreshed GOV.UK branding</a>.
114
-
115
113
#### GOV.UK header with navigation
116
114
117
115
We’ve deprecated the [GOV.UK header with navigation](/components/header/with-service-name-and-navigation/) and will remove this option in the next breaking release of GOV.UK Frontend.
<h2>Brand changes to the {{title}} component</h2><pclass="govuk-body">From June 2025, the {{title}} component will be updated to support a wider refresh of the GOV.UK brand. <ahref="#/">See the refreshed GOV.UK brand identity.</a>
18
+
<h2>Brand changes to the {{title}} component</h2><pclass="govuk-body">From June 2025, the {{title}} component will change to support a wider refresh of the GOV.UK brand.</p>
<li>uses light blue as the background colour, instead of grey</li>
23
23
<li>reduces overall padding by [x]px</li>
24
24
</ul>
25
-
<pclass="govuk-body">To help you get ready to use the new branding by June 2025, <ahref="#update-to-refresh-the-govuk-brand">we’ve provided several options to update your service</a>.</p>
25
+
<pclass="govuk-body">To help service teams in government get ready to use the new branding by June 2025, <ahref="#update-to-refresh-the-govuk-brand">we’ve provided several options to update their services</a>.</p>
<pclass="govuk-body">[dd Month yyyy]: Updates to refresh the GOV.UK brand</h3>
8
-
<pclass="govuk-body">From June 2025, parts of the Design System will be updated to support a wider refresh of the GOV.UK brand. <ahref="#"class="govuk-link">See the refreshed GOV.UK brand identity</a>.</p>
9
-
<pclass="govuk-body">You'll need to make updates to these components in your service:
7
+
<pclass="govuk-body">[dd Month yyyy]: Updates to refresh the GOV.UK brand</p>
8
+
<pclass="govuk-body">From June 2025, parts of the Design System will change to support a wider refresh of the GOV.UK brand.</p>
9
+
<pclass="govuk-body">To get ready, service teams in government should now make updates to these components in their services:</p>
0 commit comments