diff --git a/plugins/styleguide/assets/javascripts/discourse/lib/dummy-data.js.es6 b/plugins/styleguide/assets/javascripts/discourse/lib/dummy-data.js.es6
index 56b8b75be3f..f334cdbbda9 100644
--- a/plugins/styleguide/assets/javascripts/discourse/lib/dummy-data.js.es6
+++ b/plugins/styleguide/assets/javascripts/discourse/lib/dummy-data.js.es6
@@ -114,7 +114,7 @@ export function createData(store) {
     );
   };
 
-  let topic = createTopic();
+  let topic = createTopic({ tags: ["example", "apple"] });
   topic.setProperties({
     details: EmberObject.create({
       can_create_post: true,
diff --git a/plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/site-header.hbs b/plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/site-header.hbs
new file mode 100644
index 00000000000..7a119db322c
--- /dev/null
+++ b/plugins/styleguide/assets/javascripts/discourse/templates/styleguide/organisms/site-header.hbs
@@ -0,0 +1,16 @@
+{{#styleguide-example title="site header - in topic - scrolled"}}
+  <div class="d-header-wrap">
+    <header class="d-header">
+      <div class="wrap">
+        <div class="contents">
+          {{mount-widget widget="home-logo" args=(hash minimized=true)}}
+          {{mount-widget widget="header-topic-info" args=dummy}}
+          <div class="panel clearfix">
+            {{mount-widget widget="header-icons" args=(hash user=dummy.user)}}
+          </div>
+        </div>
+      </div>
+    </header>
+  </div>
+{{/styleguide-example}}
+
diff --git a/plugins/styleguide/config/locales/client.en.yml b/plugins/styleguide/config/locales/client.en.yml
index 1706901aff9..c806d5669d0 100644
--- a/plugins/styleguide/config/locales/client.en.yml
+++ b/plugins/styleguide/config/locales/client.en.yml
@@ -65,6 +65,8 @@ en:
           title: "Post"
         topic_map:
           title: "Topic Map"
+        site_header:
+          title: "Site Header"
         suggested_topics:
           title: "Suggested Topics"
         post_menu: