diff --git a/ui/app/templates/components/freestyle/sg-header.hbs b/ui/app/templates/components/freestyle/sg-header.hbs
new file mode 100644
index 000000000..1a6a11add
--- /dev/null
+++ b/ui/app/templates/components/freestyle/sg-header.hbs
@@ -0,0 +1,14 @@
+{{#freestyle-usage "header" title="Global Header"}}
+  <nav class="navbar is-primary">
+    <div class="navbar-brand">
+      <span class="navbar-item is-logo">
+        <img src="/ui/images/nomad-logo.svg" alt="Nomad" />
+      </span>
+    </div>
+    <div class="navbar-end">
+      <a class="navbar-item">Secondary</a>
+      <a class="navbar-item">Links</a>
+      <a class="navbar-item">Here</a>
+    </div>
+  </nav>
+{{/freestyle-usage}}
diff --git a/ui/app/templates/freestyle.hbs b/ui/app/templates/freestyle.hbs
index 5b2001a06..6b689f2f7 100644
--- a/ui/app/templates/freestyle.hbs
+++ b/ui/app/templates/freestyle.hbs
@@ -41,7 +41,9 @@
       {{/section.subsection}}
 
       {{#section.subsection name="Header"}}
+        {{freestyle/sg-header}}
       {{/section.subsection}}
+
       {{#section.subsection name="Inline definitions"}}
       {{/section.subsection}}
       {{#section.subsection name="JSON Viewer"}}