From cf40215830ba7d149d30f2ba611ca25d0394c2ce Mon Sep 17 00:00:00 2001
From: Charlotte Downs <charlotte.downs@digital.cabinet-office.gov.uk>
Date: Mon, 19 May 2025 17:51:23 +0100
Subject: [PATCH] SPIKE into a research banner first draft

---
 src/stylesheets/main.scss           | 12 ++++++++++++
 views/layouts/_generic.njk          |  1 +
 views/partials/_research-banner.njk |  5 +++++
 3 files changed, 18 insertions(+)
 create mode 100644 views/partials/_research-banner.njk

diff --git a/src/stylesheets/main.scss b/src/stylesheets/main.scss
index 4a0867ec65..9d1d83ef71 100644
--- a/src/stylesheets/main.scss
+++ b/src/stylesheets/main.scss
@@ -418,3 +418,15 @@ pre .language-plaintext {
 .app-campaign-cookie-banner .govuk-grid-column-two-thirds {
   width: 100%;
 }
+
+// Add styling for research banner
+.app-research-banner {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid $govuk-border-colour;
+  background-color: #ffee80;
+
+  p {
+    margin-bottom: 0;
+  }
+}
diff --git a/views/layouts/_generic.njk b/views/layouts/_generic.njk
index 84850c14e8..57631b7e91 100644
--- a/views/layouts/_generic.njk
+++ b/views/layouts/_generic.njk
@@ -45,6 +45,7 @@
 {% block main %}
   {% include "_header.njk" %}
   {% include "_navigation.njk" %}
+  {% include "_research-banner.njk" %}
   {% include "_banner.njk" %}
   {% block body %}
     {{ contents | safe }}
diff --git a/views/partials/_research-banner.njk b/views/partials/_research-banner.njk
new file mode 100644
index 0000000000..52d826e0d8
--- /dev/null
+++ b/views/partials/_research-banner.njk
@@ -0,0 +1,5 @@
+<div class="app-research-banner">
+  <div class="app-width-container">
+    <p class="govuk-body-m">Are you a new or infrequent user? <a class="govuk-link" href="/">Sign up to test the GOV.UK Design System</a></p>
+  </div>
+</div>