Preview branch of Design System website (week 1)

[CharlotteDowns]

What

Create a preview branch of the GOV.UK Design System website with the updated GOV.UK Header component, new Service header navigation component and Help users navigate a service pattern. We will take the DRAFT guidance document for content and structure.

Why

It is easier to get feedback and visualise our intent with a preview version of the changes.

Done when

• Read how to pull in latest version of the code from this slack thread
• Create new branch
• Make changes locally
• Push to remote
• Add examples from preview of GOV.UK Frontend
• Get squad to review

[calvin-lau-sig7]

When you're ready to add into the branch, here's the content draft done up as Markdown code. I can add too when it's up as a PR.
govuk-header-scratch.md
navigate-service-scratch.md
service-header-navigation-scratch.md

[CharlotteDowns]

@calvin-lau-sig7 Should we create a new backlog item for Service header navigation and Help users to navigate a service?

[CharlotteDowns]

We need to add a new layout template to allow both the component examples to be within the <header>

[querkmachine]

@CharlotteDowns We might want to hold off on doing that, as recent discussions in Slack have been around removing the Service Header from the <header> element, as having it there is proving quite verbose for screen reader users.