Update homepages for product pages prototypes#283
Merged
Conversation
In GOV.UK Frontend v5 the span with the GOV.UK logo was updated to be a single SVG [[1]], and the `govuk-header__logotype` and `govuk-header__logotype-text` classes have been removed. This commit updates HTML for pages where the header is hardcoded to use the updated logotype, so that it is styled correctly. [1]: https://github.com/alphagov/govuk-frontend/blob/main/CHANGELOG.md#update-the-govuk-logo
Replace most of the places where we've hardcoded the header component HTML with a macro. This makes it easier to keep up with the changes in the GOV.UK Design System. There are a few places where this has not been done, either because the page is using the header component from the GOV.UK Publishing components, or the page is entirely hardcoded HTML with no Nunjucks.
In production we updated the product page to use the Tudor crown in February 2024 [[1]]. [1]: govuk-forms/forms-product-page#231
In production we switched to using the service navigation pattern for the product pages in April 2025 [[1]]. This commit updates our product pages prototypes to use the service navigation pattern. We also bring make the other changes needed to make the service navigation work in production, including adding custom styling for the "Sign in" link and tweaking the margins of the hero banner. [1]: govuk-forms/forms-product-page#722
In production we remove the beta tag from the header in the product pages in June 2025 [[1]], just before we finished applying the GOV.UK rebrand. In production we also changed some of the content on the features page to include mention of being in public beta at the same time, but the content of the features pages in our prototypes has drifted quite a lot from the production content, so I'm not going to change the content in the prototypes for now. [1]: govuk-forms/forms-product-page#805
In production we removed the breadcrumbs from the homepage of the product pages in June 2025, as part of applying the GOV.UK rebrand [[1]]. [1]: govuk-forms/forms-product-page@73ab627
…uct page prototypes We made this change in production in June 2025 as part of applying the GOV.UK rebrand [[1]]. [1]: govuk-forms/forms-product-page@9dc497f
In production we update the product pages to use the GOV.UK rebrand in June 2025 [[1]]. This commit updates most of the product page prototypes to use the GOV.UK rebrand, making them consistent with the production prototype pages. In the same PR in production we also tweaked some styles slightly, this commit also brings those in. [1]: govuk-forms/forms-product-page#738
christophercameron-ixd
approved these changes
Apr 10, 2026
Contributor
christophercameron-ixd
left a comment
christophercameron-ixd
left a comment
There was a problem hiding this comment.
Looks good to me
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
As part of getting this repo onto GOV.UK Frontend 6, I needed to update places where we had hardcoded HTML for the header component.
It turned out most of the product page prototypes were still using the HTML for the header component from before GOV.UK Frontend v5.
This PR brings the GOV.UK header for most of the product page prototype pages up to where we are in production; this includes updating the crown, using the service navigation pattern, and applying the GOV.UK rebrand.
To try and make future changes a bit more automatic, I've also replaced the hardcoded HTML with the Nunjucks macros.
There are a few places where it wasn't straightforward to use the
govukHeadermacro, but they looked to me to be less detailed prototypes; in those places I've left the code essentially as is, which means they may well break when we go to GOV.UK Frontend 6. The following pages have not been updated:If any of these do need to be updated, let me know.