Crowning glory of GOV.UK websites updated, sparking frontend upgrades
(2024/02/22)
- Reference: 1708576089
- News link: https://www.theregister.co.uk/2024/02/22/logowatch_tudor_crown_gov_uk/
- Source link:
Logowatch GV.UK websites this week started implementing a major change: a new crown icon.
GOV.UK head of design Laura Yarrow and senior interaction designer Chris Ballantine-Thomas [1]offered a history lesson to explain the motivation for the change.
“In September 2022, the College of Arms announced His Majesty King Charles III’s Royal Cypher, which features the monarch’s chosen crown,” the pair wrote, explaining that the new monarch’s Cypher features the Tudor Crown, rather than the St Edward’s Crown chosen by Queen Elizabeth II.
[2]
Each new monarch apparently does this sort of thing, and their choice is reflected in changes to things like police and military uniforms, and signage on official buildings.
[3]
[4]
And on websites.
“We wanted to create something that was faithful to both the official heraldry and the visual identity of GOV.UK,” Yarrow and Ballantine-Thomas wrote. They therefore “redrew a simplified version of the crown, making sure it appeared clearly at smaller sizes and lower resolutions.”
[5]
Here’s their image of St Edward’s Crown (top) and the Tudor Crown, and the GOV.UK icons created for each.
[6]
The St Edward’s Crown (top), the Tudor Crown, and their respective icons - - Click to enlarge
The altered logo had different proportions to its predecessor, so the pair “had to subtly tweak the GOV.UK logo’s typography and spacing to complement it.”
Here’s the result of their efforts.
[7]
The new GOV.UK Crown logo - Click to enlarge
Some readers may, at this point, wonder if all this is going to see their taxes frittered away replacing images across the vast estate of GOV.UK websites.
Yarrow and Ballantine-Thomas point out that GOV.UK has a centralised open-source codebase, called GOV.UK Frontend – it’s [8]here on GitHub - and that versions 5.1, 4.8, and 3.15 have been updated with the new crown. Upgrading to those versions should not be a right royal pain.
The new image first appeared on February 19th and will roll out between then and March 1st. ®
Get our [9]Tech Resources
[1] https://insidegovuk.blog.gov.uk/2024/02/19/updating-gov-uks-crown/
[2] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_onprem/publicsector&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=2&c=2ZdbU9kQwggdJBRC2hUDcHAAAAEM&t=ct%3Dns%26unitnum%3D2%26raptor%3Dcondor%26pos%3Dtop%26test%3D0
[3] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_onprem/publicsector&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=4&c=44ZdbU9kQwggdJBRC2hUDcHAAAAEM&t=ct%3Dns%26unitnum%3D4%26raptor%3Dfalcon%26pos%3Dmid%26test%3D0
[4] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_onprem/publicsector&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=3&c=33ZdbU9kQwggdJBRC2hUDcHAAAAEM&t=ct%3Dns%26unitnum%3D3%26raptor%3Deagle%26pos%3Dmid%26test%3D0
[5] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_onprem/publicsector&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=4&c=44ZdbU9kQwggdJBRC2hUDcHAAAAEM&t=ct%3Dns%26unitnum%3D4%26raptor%3Dfalcon%26pos%3Dmid%26test%3D0
[6] https://regmedia.co.uk/2024/02/22/supplied_new_govuk_crown.jpg
[7] https://regmedia.co.uk/2024/02/22/supplied_new_govuk_crown_typography.jpg
[8] https://github.com/alphagov/govuk-frontend
[9] https://whitepapers.theregister.com/
GOV.UK head of design Laura Yarrow and senior interaction designer Chris Ballantine-Thomas [1]offered a history lesson to explain the motivation for the change.
“In September 2022, the College of Arms announced His Majesty King Charles III’s Royal Cypher, which features the monarch’s chosen crown,” the pair wrote, explaining that the new monarch’s Cypher features the Tudor Crown, rather than the St Edward’s Crown chosen by Queen Elizabeth II.
[2]
Each new monarch apparently does this sort of thing, and their choice is reflected in changes to things like police and military uniforms, and signage on official buildings.
[3]
[4]
And on websites.
“We wanted to create something that was faithful to both the official heraldry and the visual identity of GOV.UK,” Yarrow and Ballantine-Thomas wrote. They therefore “redrew a simplified version of the crown, making sure it appeared clearly at smaller sizes and lower resolutions.”
[5]
Here’s their image of St Edward’s Crown (top) and the Tudor Crown, and the GOV.UK icons created for each.
[6]
The St Edward’s Crown (top), the Tudor Crown, and their respective icons - - Click to enlarge
The altered logo had different proportions to its predecessor, so the pair “had to subtly tweak the GOV.UK logo’s typography and spacing to complement it.”
Here’s the result of their efforts.
[7]
The new GOV.UK Crown logo - Click to enlarge
Some readers may, at this point, wonder if all this is going to see their taxes frittered away replacing images across the vast estate of GOV.UK websites.
Yarrow and Ballantine-Thomas point out that GOV.UK has a centralised open-source codebase, called GOV.UK Frontend – it’s [8]here on GitHub - and that versions 5.1, 4.8, and 3.15 have been updated with the new crown. Upgrading to those versions should not be a right royal pain.
The new image first appeared on February 19th and will roll out between then and March 1st. ®
Get our [9]Tech Resources
[1] https://insidegovuk.blog.gov.uk/2024/02/19/updating-gov-uks-crown/
[2] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_onprem/publicsector&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=2&c=2ZdbU9kQwggdJBRC2hUDcHAAAAEM&t=ct%3Dns%26unitnum%3D2%26raptor%3Dcondor%26pos%3Dtop%26test%3D0
[3] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_onprem/publicsector&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=4&c=44ZdbU9kQwggdJBRC2hUDcHAAAAEM&t=ct%3Dns%26unitnum%3D4%26raptor%3Dfalcon%26pos%3Dmid%26test%3D0
[4] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_onprem/publicsector&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=3&c=33ZdbU9kQwggdJBRC2hUDcHAAAAEM&t=ct%3Dns%26unitnum%3D3%26raptor%3Deagle%26pos%3Dmid%26test%3D0
[5] https://pubads.g.doubleclick.net/gampad/jump?co=1&iu=/6978/reg_onprem/publicsector&sz=300x50%7C300x100%7C300x250%7C300x251%7C300x252%7C300x600%7C300x601&tile=4&c=44ZdbU9kQwggdJBRC2hUDcHAAAAEM&t=ct%3Dns%26unitnum%3D4%26raptor%3Dfalcon%26pos%3Dmid%26test%3D0
[6] https://regmedia.co.uk/2024/02/22/supplied_new_govuk_crown.jpg
[7] https://regmedia.co.uk/2024/02/22/supplied_new_govuk_crown_typography.jpg
[8] https://github.com/alphagov/govuk-frontend
[9] https://whitepapers.theregister.com/