diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss
index 0e709f9b1..f6c08fba9 100644
--- a/app/assets/stylesheets/components/banner.scss
+++ b/app/assets/stylesheets/components/banner.scss
@@ -28,6 +28,12 @@
}
+.banner-info {
+ @extend .banner;
+ background: $govuk-blue;
+ color: $white;
+}
+
.banner-dangerous {
@extend .banner;
diff --git a/app/templates/components/banner.html b/app/templates/components/banner.html
index a03d2cb0a..39e0a1e5f 100644
--- a/app/templates/components/banner.html
+++ b/app/templates/components/banner.html
@@ -1,5 +1,5 @@
-{% macro banner(body, with_tick=False) %}
-
+{% macro banner(body, type=None, with_tick=False) %}
+
{{ body }}
{% endmacro %}
diff --git a/app/templates/withnav_template.html b/app/templates/withnav_template.html
index 732ba75ba..f01a527c6 100644
--- a/app/templates/withnav_template.html
+++ b/app/templates/withnav_template.html
@@ -1,13 +1,17 @@
{% extends "admin_template.html" %}
-{% from "main_nav.html" import main_nav with context %}
+{% from "components/banner.html" import banner %}
{% block fullwidth_content %}
-
-
- {% include "main_nav.html" %}
-
-
- {% block maincolumn_content %}{% endblock %}
-
-
+
+
+ {% include "main_nav.html" %}
+
+
+ {{ banner(
+ 'You are in restricted mode. You can only send notifications to yourself.',
+ 'info'
+ ) }}
+ {% block maincolumn_content %}{% endblock %}
+
+
{% endblock %}