Configure NHS.UK theme

README.md

@@ -1,6 +1,6 @@
-# Design history for GOV.UK services
+# Design history for NHS.UK services
 
-A place for you to document your GOV.UK service designs.
+A place for you to document your NHS.UK service designs.
 
 ## Purpose of this project
 

app/_components/_all.scss

@@ -1,2 +1,3 @@
 @import "email/email";
+@import "header/header";
 @import "screenshots/screenshots";

app/_components/header/_header.scss

@@ -0,0 +1,39 @@
+.app-header {
+  background-color: #005eb8;
+  border: 0;
+}
+
+.app-header__container {
+  border-bottom: 1px solid rgba(govuk-colour("white"), 0.2);
+  margin-bottom: 0;
+  padding-bottom: govuk-spacing(4);
+  padding-top: govuk-spacing(4);
+}
+
+.govuk-header__logo {
+  margin: 0;
+}
+
+.govuk-header__link--homepage {
+  display: flex;
+  align-items: center;
+  gap: govuk-spacing(3);
+
+  &:hover {
+    border-color: transparent;
+
+    .govuk-header__product-name {
+      text-decoration: underline;
+    }
+  }
+}
+
+.govuk-header__product-name {
+  @include govuk-font(19);
+  margin: 0;
+}
+
+.app-site-search:defined {
+  margin: 0;
+  padding: 0;
+}

app/index.md

@@ -1,7 +1,7 @@
 ---
 homepage: true
 layout: product
-title: A design history for your GOV.UK service
+title: A design history for your NHS.UK service
 description: A permanent record of how your service has developed over time.
 pagination:
   data: collections.all

app/sass/_settings.scss

@@ -0,0 +1,40 @@
+$govuk-colours: (
+  "red": #d5281b,
+  "yellow": #ffeb3b,
+  "green": #007f3b,
+  "blue": #005eb8,
+  "dark-blue": #002f5c,
+  "purple": #330072,
+  "black": #212b32,
+  "dark-grey": #4c6272,
+  "mid-grey": #aeb7bd,
+  "light-grey": #f0f4f5,
+  "white": #ffffff,
+  // Unchanged
+  "light-blue": #5694ca,
+  "light-purple": #6f72af,
+  "bright-purple": #912b88,
+  "pink": #d53880,
+  "light-pink": #f499be,
+  "orange": #f47738,
+  "brown": #b58840,
+  "light-green": #85994b,
+  "turquoise": #28a197,
+);
+
+$color_nhsuk-dark-pink: #7c2855;
+$color_nhsuk-dark-blue: #002f5c;
+$color_nhsuk-grey-5: #f0f4f5;
+$color_nhsuk-purple: #330072;
+
+$govuk-body-background-colour: $color_nhsuk-grey-5;
+$govuk-canvas-background-colour: $color_nhsuk-grey-5;
+
+$govuk-link-visited-colour: $color_nhsuk-purple;
+$govuk-link-hover-colour: $color_nhsuk-dark-pink;
+$govuk-link-active-colour: $color_nhsuk-dark-blue;
+
+$govuk-border-width: 4px;
+$govuk-border-width-wide: 8px;
+
+$govuk-font-family: system-ui, sans-serif;

eleventy.config.js

@@ -5,18 +5,32 @@ module.exports = function (eleventyConfig) {
     stylesheets: [
       '/styles/application.css'
     ],
+    themeColour: '#005eb8',
+    icons: {
+      mask: 'mask-icon.svg',
+      shortcut: 'favicon.ico',
+      touch: 'apple-touch-icon.png'
+    },
+    opengraphImageUrl: 'opengraph-image.png',
     headingPermalinks: true,
     header: {
-      logotype: false,
+      logotype: {
+        html: `<svg class="app-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 32" height="40" aria-hidden="true" focusable="false"><path fill="currentColor" d="M80 0v32H0V0h80ZM69 2.2c-5.8 0-11.6 2-11.6 8.8 0 7.4 10.2 5.8 10.2 10 0 2.6-3.4 3-5.6 3-2.2 0-5-.6-6.4-1.4L54 28c2.2.8 5.4 1.4 8 1.4 6.2 0 12.8-1.8 12.8-9 0-7.8-10.2-6.6-10.2-10.2 0-2.2 2.2-2.6 5-2.6 2.6 0 4.4.6 5.8 1.2L77 3.4c-1.8-.8-4.8-1.2-8-1.2ZM16.6 3H7.8L2.2 29h6.6l3.6-18h.2L18 29h8.6l5.6-26h-6.6L22 21h-.2L16.6 3Zm25.2 0h-7.2l-5.2 26h6.8l2.4-11.2h8.2L44.6 29h7L57 3h-7l-2.2 9.8h-8l2-9.8Z"/></svg>`,
+      },
       productName: 'Design history',
       search: {
         indexPath: '/search.json',
         sitemapPath: '/sitemap'
       }
     },
+    footer: {
+      copyright: {
+        text: '© NHS England'
+      },
+    },
     url:
       process.env.GITHUB_ACTIONS &&
-      'https://x-govuk.github.io/govuk-design-history-template/'
+      'https://x-govuk.github.io/nhsuk-design-history-template/'
   })
 
   // Passthrough
@@ -32,6 +46,6 @@ module.exports = function (eleventyConfig) {
       layouts: '_layouts',
       includes: '_components'
     },
-    pathPrefix: process.env.GITHUB_ACTIONS && '/govuk-design-history-template/'
+    pathPrefix: process.env.GITHUB_ACTIONS && '/nhsuk-design-history-template/'
   }
 }

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "govuk-design-history",
+  "name": "nhsuk-design-history",
   "version": "2.0.0",
-  "description": "A template for a place for documenting GOV.UK service designs",
+  "description": "A template for a place for documenting NHS.UK service designs",
   "keywords": [
     "design-history",
     "government",