Skip to content

Conversation

@querkmachine
Copy link
Member

@querkmachine querkmachine commented Oct 10, 2024

It has been flagged to us that the following departments brand colours don't align with the freshly updated HMG Identity System guidelines. In all cases, the shade being used is slightly different from what is specified in the guidelines, so the differences are all fairly minor.

Changes

Departments

  • Office of the Secretary of State for Scotland (OSSS) has been renamed back to the Scotland Office, the name it had prior to 2018. The old name has been un-deprecated, while OSSS has been deprecated.
  • Office of the Secretary of State for Wales (OSSW) has been renamed back to the Wales Office, the name it had prior to 2018. The old name has been un-deprecated, while OSSW has been deprecated.

Colours

  • DCMS: #d6006e#ed1588
    • As the new colour no longer has a 4.5:1 minimum contrast ratio, a contrast-safe alternative has been added: #d6177a
  • Defra: #00af43#00a33b
    • Additionally, the contrast-safe colour has been updated: #008733#008531
  • DSIT: #00f9f8#00f8f8
  • FCDO: #002269#012069
  • Scotland Office: #002663#00205c

@querkmachine querkmachine requested a review from a team October 10, 2024 12:58
@querkmachine querkmachine self-assigned this Oct 10, 2024
@querkmachine querkmachine force-pushed the update-organisation-colours-oct-2024 branch from 7109da9 to 1b8c47b Compare October 10, 2024 12:59
@github-actions
Copy link

github-actions bot commented Oct 10, 2024

📋 Stats

File sizes

File Size
dist/govuk-frontend-development.min.css 118.41 KiB
dist/govuk-frontend-development.min.js 42.93 KiB
packages/govuk-frontend/dist/govuk/all.bundle.js 91.34 KiB
packages/govuk-frontend/dist/govuk/all.bundle.mjs 85.77 KiB
packages/govuk-frontend/dist/govuk/all.mjs 1.18 KiB
packages/govuk-frontend/dist/govuk/govuk-frontend-component.mjs 1.74 KiB
packages/govuk-frontend/dist/govuk/govuk-frontend.min.css 118.4 KiB
packages/govuk-frontend/dist/govuk/govuk-frontend.min.js 42.92 KiB
packages/govuk-frontend/dist/govuk/i18n.mjs 5.55 KiB
packages/govuk-frontend/dist/govuk/init.mjs 6.85 KiB

Modules

File Size (bundled) Size (minified)
all.mjs 81.9 KiB 40.37 KiB
accordion.mjs 25.46 KiB 12.93 KiB
button.mjs 7.96 KiB 3.31 KiB
character-count.mjs 24.39 KiB 10.5 KiB
checkboxes.mjs 7.81 KiB 3.42 KiB
error-summary.mjs 9.87 KiB 4.07 KiB
exit-this-page.mjs 19.08 KiB 9.86 KiB
header.mjs 6.46 KiB 3.22 KiB
notification-banner.mjs 8.24 KiB 3.23 KiB
password-input.mjs 17.13 KiB 7.86 KiB
radios.mjs 6.81 KiB 2.98 KiB
service-navigation.mjs 6.44 KiB 3.26 KiB
skip-link.mjs 6.4 KiB 2.76 KiB
tabs.mjs 12.04 KiB 6.67 KiB

View stats and visualisations on the review app


Action run for 617ef04

@github-actions
Copy link

github-actions bot commented Oct 10, 2024

Other changes to npm package

diff --git a/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss b/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
index 41f8c7b25..12f976a45 100644
--- a/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
+++ b/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
@@ -60,7 +60,8 @@ $_govuk-organisation-colours: (
       "`department-for-communities-local-government` became `ministry-of-housing-communities-local-government` in 2018."
   ),
   "department-for-culture-media-sport": (
-    colour: #d6006e
+    colour: #ed1588,
+    contrast-safe: #d6177a
   ),
   "department-for-digital-culture-media-sport": (
     colour: #d40072,
@@ -75,8 +76,8 @@ $_govuk-organisation-colours: (
     contrast-safe: #00852f
   ),
   "department-for-environment-food-rural-affairs": (
-    colour: #00af43,
-    contrast-safe: #008733
+    colour: #00a33b,
+    contrast-safe: #008531
   ),
   "department-for-exiting-the-european-union": (
     colour: #009fe3,
@@ -98,7 +99,7 @@ $_govuk-organisation-colours: (
       "`department-for-levelling-up-housing-communities` was renamed to `ministry-of-housing-communities-local-government` in 2024."
   ),
   "department-for-science-innovation-technology": (
-    colour: #00f9f8,
+    colour: #00f8f8,
     contrast-safe: #008180
   ),
   "department-for-transport": (
@@ -128,7 +129,7 @@ $_govuk-organisation-colours: (
     deprecation-message: "`foreign-commonwealth-office` became `foreign-commonwealth-development-office` in 2018."
   ),
   "foreign-commonwealth-development-office": (
-    colour: #002269
+    colour: #012069
   ),
   "government-equalities-office": (
     colour: #0056b8,
@@ -168,17 +169,18 @@ $_govuk-organisation-colours: (
     colour: #9c182f
   ),
   "office-of-the-secretary-of-state-for-scotland": (
-    colour: #00205c
+    colour: #00205c,
+    deprecation-message: "`office-of-the-secretary-of-state-for-scotland` was renamed to `scotland-office` in 2024."
   ),
   "office-of-the-secretary-of-state-for-wales": (
-    colour: #a8353a
+    colour: #a8353a,
+    deprecation-message: "`office-of-the-secretary-of-state-for-wales` was renamed to `wales-office` in 2024."
   ),
   "prime-ministers-office-10-downing-street": (
     colour: #0b0c0c
   ),
   "scotland-office": (
-    colour: #002663,
-    deprecation-message: "`scotland-office` became `office-of-the-secretary-of-state-for-scotland` in 2018."
+    colour: #00205c
   ),
   "serious-fraud-office": (
     colour: #82368c
@@ -192,8 +194,7 @@ $_govuk-organisation-colours: (
       "`uk-trade-investment` became `department-for-international-trade` in 2016. As of 2023, it is equivalent to `department-for-business-trade`."
   ),
   "wales-office": (
-    colour: #a33038,
-    deprecation-message: "`wales-office` became `office-of-the-secretary-of-state-for-wales` in 2018."
+    colour: #a33038
   )
 );
 

Action run for 617ef04

@querkmachine querkmachine marked this pull request as ready for review October 10, 2024 14:47
@querkmachine querkmachine force-pushed the update-organisation-colours-oct-2024 branch from 1b8c47b to d8edfd6 Compare October 10, 2024 14:56
@querkmachine querkmachine force-pushed the update-organisation-colours-oct-2024 branch from d8edfd6 to 1bc77e1 Compare October 10, 2024 14:57
@querkmachine querkmachine changed the title Update DCMS, Defra, DSIT and FCDO brand colours Update various department brand colours Oct 10, 2024
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-5396 October 10, 2024 15:57 Inactive
Copy link
Member

@romaricpascal romaricpascal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code matches the changes in the PR description, looks good to go ⛵

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants